Hamburger menu

Conez99
New Member
2 0 0

Hello, how do I create a hamburger menu on the debut theme.

Cheers

Replies 8 (8)
dmwwebartisan
Shopify Partner
9731 2226 3053

Hey there,

 

Where you want to create hamburger menu in debut theme ?

Because in mobile view it will come automatically.

 

Please explain.

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Jasoliya
Shopify Expert
4382 574 1103

Hi @Conez99 

If you want to create Hamburger  menu in desktop then you have to change many code and you need html,css and liquid code knowledge for that you can create simple by css using this doc, but for work with page you need liquid code.

 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Conez99
New Member
2 0 0
Hello,

On the laptop version, I would like it on the top left of the website.

Regards
Lawrence7
Explorer
45 0 11

Hello, please I need help editing my store header on desktop and tablet view, 1st) I will like to change the menu on desktop to hamburger menu 2nd) I will like to reduce the logo size and center it properly 3rd) I want the menu and cart icon to be both underneath the logo. Thank you very

much PS- my site URL is "tradatheaterequip.com"

Jasoliya
Shopify Expert
4382 574 1103

For that need custom code if you want Pm me will discuss. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Lawrence7
Explorer
45 0 11

Hi thank you for your response, can you please share any help you can render here, as others might be having the same issues. Thanks

Zworthkey
Shopify Partner
2535 301 634

hii, @Lawrence7 
Paste this code for this error see screenshot.
download (19).png
Paste this code on top of the theme.scss file.

@media only screen and (max-width: 749px){
.grid.grid--no-gutters.grid--table.site-header__mobile-nav {
    margin-top: 35px !important;
}
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Lawrence7
Explorer
45 0 11

Thank you very much @Zworthkey