Anpassung der Navigation

Hallo zusammen,

ich benötige Hilfe bei der Anpassung der mobilen Ansicht meiner Shop-Navigation. Im Anhang finden Sie zwei Screenshots zur Veranschaulichung:

  • Rot markiert: Die aktuelle Ansicht
  • Grün markiert: Die gewünschte Ansicht

Wie kann ich die Navigation so anpassen, dass sie der grün markierten Version entspricht? Jede Hilfe oder Anleitung wäre sehr willkommen.

Vielen Dank im Voraus!

SCSS anpassen oder Twig-Template der Navigation oder beides. In deinem Child-Theme.

Hättest du eine Idee in welcher Datei ich was anpassen muss, oder kann. Ich bin für jeden Tipp dankbar.

Etwa so ganz grob für Anpassung des Twig Templates:

Suche dir eine nahe gelegene css Klasse. Durchsuche damit dein Child-Theme um das verantwortliche Twig Template zu finden (dateiweite Suche in deinem Child-Theme). Wenn dort nichts ist, durchsuche dein Haupttheme. Kopiere das Twig-Template in dein Child-Theme. Bereinige das Twig-Template, indem du nur den Block lässt, den du anpassen willst. Passe den Block an. Kompiliere das Theme neu und lösche den Cache.

Einfach ein bissl Code anpassen … da muss ich dich enttäuschen … diese Zeiten sind vorbei :wink:

Danke für deine Hilfe, ich habe es jetzt wie folgt mit einem CSS gelöst:

@media screen and (max-width: 775px) {
.header-logo-col {
flex: 0 0 auto !important;
width: 32% !important;
}
}

Wir bauen hier unseren Shop auf https://ib-lenhardt.com

1 „Gefällt mir“