Remove Menu Icon From Header

[martujv]

Hello!

Basically I want to remove the "menu" icon from the header, both on mobile and desktop.

My theme is Stiletto and my website is www.winnerofficial.com

I tried many codes but nothing works!

[Made4uo-Ribe · Accepted solution]

Hi @martujv 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

button.header__menu-icon.header__icon-touch.header__icon-menu {
    display: none !important;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[conversionist]

1. Go to Online Store > Themes > Actions > Edit Code.
2. In the Assets folder, open your theme.css or theme.scss.liquid file.
3. Add this code at the end:

.menu-icon {
    display: none !important;
}
​

Save the changes and refresh your site. This should hide the menu icon on both mobile and desktop

[Made4uo-Ribe · Accepted solution]

Hi @martujv 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

button.header__menu-icon.header__icon-touch.header__icon-menu {
    display: none !important;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Zuips]

hey im using the theme showcase... ive tried this step but it didnt work.. any idea on how to make it work and remove the button for mobile?

[Made4uo-Ribe]

Hi @Zuips 

Would you mind sharing your store URL? Thanks!

[devcoders · Accepted solution]

Hi @martujv 

Go to Online Store, then Theme, and click on Edit code.

Locate the file assets/theme.css, and paste the code provided below at the end of the file.

.header__inner .header__links-primary-scroll-container {
display: none;
}