What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: hamburger menu zoom problem

Solved

How to fix a zoom-dependent hamburger menu on PC?

star2k
Tourist
9 0 0

it seems that my hamburger menu works fine on mobile. but doesn't work in pc unless i'm zoomed in 150%

 

Desktop Screenshot 2023.09.18 - 16.59.48.100.png

Desktop Screenshot 2023.09.18 - 16.59.23.40.png

Any suggestions on how to fix this?

Thanks in advance!

Accepted Solution (1)
Jasoliya
Shopify Partner
4823 625 1225

This is an accepted solution.

You have to fine this code in file and then you can change in which width you want to see menu like if want to see in 1400 screen too then change to width 1400 an then you have to hide main menu in that screen, 
but i will suggest to get developer help or let me know because you cant do yourself

@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }

Best regard 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 7 (7)

Jasoliya
Shopify Partner
4823 625 1225

HI @star2k 

Send me store url will check and let you know

Best regard 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
star2k
Tourist
9 0 0

this is my website: https://star2kclothing.com

Jasoliya
Shopify Partner
4823 625 1225

This is an accepted solution.

You have to fine this code in file and then you can change in which width you want to see menu like if want to see in 1400 screen too then change to width 1400 an then you have to hide main menu in that screen, 
but i will suggest to get developer help or let me know because you cant do yourself

@media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }

Best regard 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
star2k
Tourist
9 0 0

yeah i'm not good at these coding things so could you please help me?

star2k
Tourist
9 0 0

hey now i managed to get the hamburger menu to work but now i got the texts aswell like this i would like it to only show the menu not the texts

Desktop Screenshot 2023.09.18 - 19.25.33.26.png

star2k
Tourist
9 0 0

i dont know what i just did but i fixed it 😄

Hey_Jak
Shopify Partner
131 9 24

Hamburger basically created for mobile or smaller screen. It's possible to remain the hamburger or menu drawer for desktop as well.

❤️ Buy me a coffee
- Check my youtube: Hey Jak
Was your question answered? Mark it as an Accepted Solution.