Search icon left to right dawn 2024

Klipoorbellennl · ‎10-15-2024

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

comercioservice · ‎10-15-2024

@Klipoorbellennl hi hope you are well
check the screenshot properly

if this options not available from your customizer then you need to do it vai code
I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

namphan · ‎10-15-2024

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;
    }
}

☕ Coffee tips fuels my dedication.
Shopify Development Service
➜ PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

Klipoorbellennl · ‎10-16-2024

Hi, tried it but nothing's happening...?

namphan · ‎10-16-2024

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:

☕ Coffee tips fuels my dedication.
Shopify Development Service
➜ PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

Dan-From-Ryviu · ‎10-15-2024

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

<style>
.header > .header__search {
    grid-area: icons !important;
    justify-self: end !important;
    margin-right: 111px;
}
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Klipoorbellennl · ‎10-16-2024

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)

Search icon left to right dawn 2024

Search icon left to right dawn 2024

Community Blog Articles