Can I remove the Hamburger Bar on the Debut theme on Mobile Menu

Store Design
1

Hi All,

I was hoping someone could help with this please:

I have a one product Shopify store: https://themainthingplanner.com/

When I switch to mobile view, there is a hamburger menu which expands to nothing.

Can someone let me know how you

a) Remove the hamburger menu entirely from the mobile screen

b) Change the hamburger screen so it drops down to give the option to link to this page: https://themainthingplanner.com/products/the-main-thing

Thank you so much

1 Like
2

@Anthonykieranma

Thanks for post

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.site-header__menu.js-mobile-nav-toggle {display: none;}
2 Likes
3

Fantastic - thank you so much for your help!

1 Like
4

@Inesso

it’s my pleasure to help us

5

I don’t seem to show a themes.css folder under assets with my theme. It’s a shopify 2.0 theme I think. Is there somewhere else I would find this so I too can delete the hamburger menu on the mobile version?

its the Dawn version 3.0.0 it says

6

Hi @KetanKumar . I also wanted to do the same. But I can’t find the theme.css file to paste this code. Please help me. Thanks a lot!

1 Like
7

@Saf_23

oh sorry for that issue can you please send store url so i will check and let you know

8

Hi @KetanKumar . It’s all good now. Thank you so much for offering your help.

1 Like
9

@Saf_23

great thanks for update