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

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!

Hi @windef ,

Please follow the steps below:

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

  • 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!

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

Hi @windef ,

Are you wanting this at mobile?

Yes.

Hi @windef ,

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