How can I switch the search icon from right to left side?

Store Design
1

windef_0-1672430365011.png
windef_0-1672430365011.png1918×432 154 KB

hi guys!

is there any possibility that anyone can help me with switching side of the search icon from right to left side?

Thank you on forehand!

2

Hi @windef ,

Please follow the steps below:

  • Step 1: Go to Customize > Header > Desktop logo position > Top center.

Screenshot.png
Screenshot.png693×599 122 KB

  • Step 2: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
@media screen and (min-width: 990px) {
.header--top-center {
    grid-template-areas: 'heading left-icon navigation icons' !important;
    grid-template-columns: auto auto 2fr 1fr !important;
}
.header:not(.header--middle-left) .header__inline-menu {
    margin-top: 0 !important;
}
}

Hope it helps!

3

It does work on pc but it does not work on mobile.

4

Hi @windef ,

Are you wanting this at mobile?

Screenshot.png
Screenshot.png371×118 6.74 KB

5

Yes.

6

Hi @windef ,

Please send me the code of header.liquid file, I will check it