Search icon left to right dawn 2024

Store Design
, , ,
1

Hi,

Ive tried several codes from previous (old) posts but they dont work. Id like to move my search icon next to my other 3 icons on the right. Also Id like to add my language bar here, anyone who can help? My site is www.klipoorbellen.com

2

Hi @Klipoorbellennl ,

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 > .header__search {
        display: none;
    }
    .header--top-center * > .header__search {
        display: inline-flex;
    }
}
3

Please add this code to theme.liquid file, after in Online store > Themes > Edit code

Screenshot_3.jpg
Screenshot_3.jpg1159×459 49.1 KB

4

Hi, tried it but nothing’s happening…?

5

YES! it works! could you also let me know how to get my language bar top right? It is now in the footer but i want it to appear when people open the page. (next to search bar or bove/below it)

6

Hi @Klipoorbellennl ,

Please change code:

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: none !important;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: inline-flex !important;
  }
}

it will show like this:

Screenshot.png
Screenshot.png1918×316 31.6 KB