Ich möchte dass es so in der linken Seite ist also die Suchleiste
Hey @Ahmet_korkmaz1
Danke für das Bild und das was du erreichen möchtest wird eine Codeanpassung verlangen, wo es auch nicht garantiert ist dass es auf Mobile gut aussieht.
Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du die hier eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Du kannst z. B. einen Code wie den folgenden ganz unten in deiner Assets -> base.css
Datei platzieren und speichern:
@media screen and (max-width: 749px) {
details-modal.header__search {
position: absolute;
left: 40px;
}
}
Oder eines wie:
@media screen and (max-width: 749px) {
summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
position: absolute !important;
left: 9% !important;
top: 14% !important;
}
}
Oder:
@media (min-width: 990px) {
.header--top-center > .header__search {
grid-area: icons !important;
display: flex !important;
justify-self: end !important;
padding-right: 77px !important;
}
}
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
@Gabe I dont really dont know why but it doesn’t worked do i just have to go to base.cc and just paste one of the three codes anywhere ?
Yes, best try that in a theme copy at the bottom of the base.css and then save and test to see if it works. It’s not an easy code fix because the header banner is very full of features and has a very structured grid so it may not work.
Another solution is to check our other free themes like “Studio” or “Craft”. They already have the search icon on the left side as you would like to achieve with the Dawn Theme.