Man kann bei Shopify schon sehr viel mit Drag & Drop und einfachen Klicks einstellen, aber den Footer zu zentrieren war wohl nie eingeplant.
Dabei gibt es drei Herausforderungen:
1. Die Footerzeilen auf 100% Breite einstellen
2. Den Footer zentrieren
3. Das Menü in einer Zeile anzuzeigen
Footer 95% Breite auf 100% ändern
In der Datei „Sections / footer.liquid“ gibt es relativ weit unten die Angaben zu der maximalen Breite der Footer Zeilen.
Hier kann man aus den 95 einfach eine 100 machen, dann das Backend neu laden und schon kann man die Breite des Footers auf 100 vergrößern.
Den Footer zentrieren
In der Datei „Assets / theme.css.liquid“ ganz unten folgenden Code einfügen
.footer__logo-social {
width:100%;
text-align:center;
}
.footer__collapsible{
width:100%;
text-align:center;
}
Das Menü in einer Zeile anzeigen
In der Datei „Assets / theme.css.liquid“ ganz unten folgenden Code einfügen
.site-footer__linklist li {
display:inline-block;
margin-right:15px;
margin-left:15px;
}
Wenn Du weitere Fragen zu Shopify hast, schreib mir doch einfach eine E-Mail. 😉
