Remove the hamburger icon from the mobile view in Simple theme

[Hana29]

Hi,

I’d like to remove a hamburger mark from the mobile view in Simple theme.

I tried to add below in theme.scss.liquid but it doesn’t work.

It would be great if anyone could help.

.icon.icon-hamburger{> display: none !important;> }> .header__icon–menu .icon {> display: none;> > }

Our store: https://5b4v880lni3lvpdc-63039733997.shopifypreview.com

Thank you

[suyash1]

@Hana29 - please add this css and check, should be like screenshot below

#ToggleMobileMenu{display: none; visibility: hidden;}

[Hana29]

It works perfectly!

Thank you for your prompt help!

[Saf_23]

Hi @suyash1 . I also have the same concern. Can you also please help me? I’m using dawn theme. Thank you in advance.

[suyash1]

@Saf_23 - please add this css to the very end of your base.css file and check,

please note - hiding menu will not allow users to go to other pages

.menu-drawer-container {display: none;    visibility: hidden;}

[Saf_23]

It works! Thank you so much.