How can I remove the search bar from my theme's mobile hamburger menu?

Technical Q&A
1

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.

2

Hello There,

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

3

Hi @ZestardTech ,

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

Please see the attached screenshot of the mobile version.

IMG_3539.PNG
IMG_3539.PNG1242×2208 193 KB

IMG_3550.PNG
IMG_3550.PNG1242×2208 211 KB

Thanks in advance!

4

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

It worked! :slightly_smiling_face:

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!