Hamburger menu not showing on desktop - Minimal theme

website: midwestmealworms.com

I’m struggling to get the hamburger menu to show up on desktop. I’ve tried several of the options already out there, none of them are working. I’m not sure what else to check?

The hamburger menu will show if I shrink the browser width down very small.

When I shrink down the width on the desktop, the Search area goes away, and the Hamburger menu shows up. On mobile, the Search area is gone and the hamburger menu shows.

I want both to be visible on mobile/desktop regardless of width.

Thank you for your time!

Hi [email removed]Justin_MWMW,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss or theme.scss.liquid,

Step 3: Paste the below code at bottom of the file → Save

@media(min-width:768px){
.site-header{display:block !important}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Thank you. This did as you showed. Is there a way to get it to show the Hamburger option instead, along w/ the search bar?

Justin_MWMW_0-1672854213791.png

@Justin_MWMW ,

Sorry for replying late. if you want to change the menu then you contact the theme to change the code and functions.

Ah. I thought that since the hamburger menu exists there today, and disappears when the width of the browser window expands beyond a certain point, that the css/style could be changed to show the Menu at all times.

that right, now the hamburger is only shown on a mobile device

When I shrink down the width of my browser, the hamburger menu shows on desktop. In the screenshot below, the black bars are my desktop background, if I make the browser any wider it hides the hamburger menu and replaces it with the search box.

I tried to find the width that triggers this behavior, it looks like around 869 (so probably 870) pixels it does this:

So now, Do you want to show the hamburger on the desktop?

Yes, I have issue. I want to show hamburger icon in desktop view. This icon is visible in mobile view but not in desktop view. How to set it for desktop view?

I want the hamburger menu to show regardless of the width of the browser on desktop, and I want the hamburger menu to continue to be visible on mobile as it is today.

Was this ever resolved? My team is facing the same issue with our theme.

No, this was never resolved, still a problem.