Hi I want to remove the main menu in my store (both on desktop and mobile, in this last one it would be the 3 stripes menu). I would want it removed from all the pages.
My theme is Stiletto and my web is www.winnerofficial.com
I tried many codes but nothing works!
Hello @martujv
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hi @martujv
You can do that by adding this code to theme.liquid file, after
Best Regards,
Dan from Ryviu
Hi @martujv
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
span.icon.icon-new.icon-header-menu {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
The only problem with this is that the “space” of the menu remains empty and the cart icon now looks a little bit off as is not aligned on the right of the page, both on mobile and desktop.
You can try again with this code:
button.header__menu-icon.header__icon-touch.header__icon-menu {
display: none !important;
}
Hello, thanks for the quick answer. Unfortunately, all this code did was hide the menu but not remove the 3 stripes on the mobile, so I can still click the menu but then nothing appears. I would like to remove completely the 3 stripes.
It worked! You are the best! Thank you! Just one last thing, do you have a code like that that would remove the search icon & function? Both on mobile and desktop
Yes, You can try with this code to hide search icon:
[aria-label=“Open search modal”] {
display: none !important;
}