How do I add the same search bar to my mobile version?

store095 · ‎08-19-2024

Hi, how do I add the search bar to my mobile version that I also use to my desktop version, only smaller.

Similar like they have:

Url https://ba571d-cc.myshopify.com

Thank you

Acme · ‎08-20-2024

Hi, @store095
1. Go to online store -> theme -> edit code.

2. Open base.css
.header {

padding: 10px 3rem !important.

}

mobile-search {

display: none !important;

}
desktop-search {

display: block !important;

}

store095 · ‎08-20-2024

Hi,

thanks but the code dosn't work.

Best regards

Acme · ‎08-20-2024

Please try again it in theme.liquid.
1. Open theme.liquid.

2. put the above code to {style}{endstyle} in <head> section.

Acme · ‎08-21-2024

Please accept the solution. you only marked LIKE at the moment.

store095 · ‎08-21-2024

Sry, i forgot.

Thanks for your help.

wellwisher · ‎03-12-2025

It did not work for Trade theme.

Gabe · ‎08-21-2024

Hey @store095

I see you are trying to make a lot of changes to your dawn theme, which may have 2 main negative effects on your store: 1) slow down your page loading speeds, and 2) exclude your theme from future updates.

I explain more of this in my video here.

Hope that helps!

Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

How do I add the same search bar to my mobile version?

How do I add the same search bar to my mobile version?

Community Blog Articles