Solved

Removing search bar in hamburger menu

deehoccambria
New Member
16 0 0

Hello community,

Can someone please help me remove my search bar inside the hamburger menu of my theme's mobile version? I already placed my search bar just below the header but when I open the hamburger menu, the search bar is also under it so it appears that there are 2 search bars on my mobile version. 

Thank you in advance.

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

ul#MobileNav li.mobile-nav__link .header-bar__module.header-bar__search {
display: none;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
deehoccambria
New Member
16 0 0

Hi @ZestardTech ,

Thanks for your reply. this is my url: https://tlbmoment.com/

Please see the attached screenshot of the mobile version.

 

IMG_3539.PNGIMG_3550.PNG

 

Thanks in advance!

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

ul#MobileNav li.mobile-nav__link .header-bar__module.header-bar__search {
display: none;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
deehoccambria
New Member
16 0 0

It worked! 🙂

Thank you so much Pallavi! 

Also, last question, why did it say in the theme edit code that I should change the scss.liquid to css.liquid to improve performace? Sorry I don't understand code that much.

Thank you in advance once again!