Search Icon für mobile darstellung Dawn Theme

[Limanko_77]

Hallo zusammen, 

ich möchte das Search Icon für die Mobile Darstellung nach links, neben den 3 strichen Platzieren. Aktuell ist es rechts positioniert. Kann mir da jemand helfen?

Vielen dank im Voraus.

[Kai]

Hi @Limanko_77,

vielen Dank für deinen Post.

Ich helfe dir gerne dabei einen Weg zu finden die mobile Darstellung deines Shopify Shops mit Dawn anzupassen.

Bevor du Code-Änderungen an deinem Shop vornimmst, also auch Apps installierst ist es immer ratsam vorher das eigene Theme zu duplizieren, damit du immer eine funktionierende Version deines Shopify Shops gespeichert hast.

Um die Suche in Dawn auf der mobilen Version nach links zu verschieben, kannst du folgende Codeanpassung durchführen:

1. Gehe zu Online-Shop->Theme->Code bearbeiten
2. Asset->/base.css ->Fügen dort den folgenden Code am Ende der Datei ein.

@media screen and (max-width: 989px) {
.header__icons details-modal.header__search {display: none;}
.header--top-center>.header__search {display: inline-block;margin-left: 30px;}
header-drawer {position: absolute;}
}

Copy

Fuhrt das zu der von dir gewünschten Anpassung?

Und was für Produkte verkaufst du in deinem Shopify Shop?

[Limanko_77]

Hey Kai,

Vielen Dank für deine Antwort. Leider verschwindet mein Search Icon komplett mit diesem Code. 

Gibt es noch einen anderen Code?

Ich hatte es selber schonmal geschafft das Icon nach links zu bekommen, allerdings sieht es dann leider so aus und nur wenn man drauf klickt aber weiß leider nicht mehr was ich ändern muss. Ansonsten ist das Icon links gut positioniert nur halt das wenn man drauf klickt es sich alles ein wenig verschiebt. 

 

LG

[Gabe]

Hey @Limanko_77 

Ich sehe du hast es hingekriegt! Gerne kannst du es mit uns teilen wie du das gemacht hast da es bestimmt auch anderen hilft! 

Ein schönes W-Ende wünsche ich noch!

[hybrix]

Könntest du dich bei mir über instagram melden? Unter mrzdla 

Ich habe das selbe probleme, ich möchte das Suchen icon nach links setzen und Warenkorb rechts lassen. Das logo bleibt mittig zentriert.

Würde mich über eine Hilfe freuen.