How to remove the menu button from the mobile version?

[Zuips]

Hey ive figured out how to make it not show anymore but the button is still there… how can i remove the menu icon from mobile? theme: showcase URL: www.zuips.com

thanks

[topnewyork]

Hi @Zuips ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[niraj_patel]

Hello @Zuips

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .site-control .menu { display: none !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[GTLOfficial]

Hello @Zuips
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->styles.css
add this code at the end of the file.

.site-control .menu .icon-menu {
display: none;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Zuips]

thank you sooooo sooo much!!! worked perfectly

[Zuips]

I implemented code already! too scared to see if that works too xD

[Huptech-Web]

Hello @Zuips , Please follow these steps to add this CSS code:

1. Access your Shopify Admin.
2. Go to Online Store > Themes.
3. Locate the theme you are currently using and select Actions > Edit code.
4. In a CSS file: Go to Assets, find your CSS file, and add your styles OR find the styles.css file. OR
5. In theme.liquid: Go to Layout, open theme.liquid, and add your CSS inside a tag in the section.

.site-control .menu {
    display: none !important;
}

Here is the screenshot of the same.

Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P