Hide hamburger menu und deactivate function in Impact theme

Store Design
, , , ,
1

Hi, how can I hide the hamburger menu in the standard impact theme. I was trying to use this code but it didnt hide the menu. How can I solve that? Thank you.

<style>
header-drawer {
    display: none;
}
</style>
2

Hello @didi01
Can you share store URL?

3

@didi01 Please follow below steps to hide the hamburger menu. Let me know whether it is useful for you.

  1. From admin go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Click “Header” and paste the below code in the “Custom CSS” field and save changes.
.header .header__main-nav {
    display: none;
}

If it doesn’t work, please share your store URL to check and provide a solution based on your store.

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like
4

Hey, it worked, but it also hides it on dekstop. There the menu should be displayed. How can I solve this?

5

@didi01 If you want to only hide for mobile, replace below code with the code shared previously.

.header .header__main-nav .header__icon-list button.tap-area {
  display: none;
}

Now, the hamburger icon will not display on mobile view and menus will be displayed on desktop. If it doesn’t work, please share your store URL to check and provide a solution based on your store.

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like