Liquid, JavaScript, themes, sales channels
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.
Solved! Go to the solution
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;
}
Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.
Hi @ZestardTech ,
Thanks for your reply. this is my url: https://tlbmoment.com/
Please see the attached screenshot of the mobile version.
Thanks in advance!
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;
}
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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024