Removing search bar in hamburger menu

Solved
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.

0 Likes
Pallavi
Shopify Expert
2382 397 515

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
0 Likes
deehoccambria
New Member
16 0 0

Hi @Pallavi ,

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!

0 Likes
Pallavi
Shopify Expert
2382 397 515

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
0 Likes
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! 

0 Likes