Can anyone help me put back the hamburger menu on my website and the home page on the left side for desktop and mobile view? I’m on the narrative theme but did some customizations.
laz90yur
Topic summary
A user running the Narrative theme accidentally removed the hamburger menu from both desktop and mobile views after making customizations. They’re seeking help to restore it, particularly wanting it positioned on the left side of the homepage for desktop.
Proposed Solution:
Another user provided CSS code to add to the assets/theme.scss.liquid or theme.css file, which should display the hamburger menu by modifying .mobile-nav-wrapper, .site-nav, .site-header__menu, and .js--menu-is-open classes.
Ongoing Issue:
A third user attempted the same CSS fix for the Canopy theme (v5.1.1) but reported it didn’t work for their desktop and mobile setup. They’re looking for alternative workarounds.
The discussion remains open with no confirmed resolution yet.
Please add the following code at the bottom of your assets/theme.scss.liquid or theme.css file.
.mobile-nav-wrapper.js-menu--is-open {display: block !important;}
.site-header__menu {display: block !important;}
.site-nav {display: none !important;}
1 Like
I’m using Canopy theme 5.1.1 and tried your suggestion on how to add hamburger menu for desktop and mobile but didn’t have success. Any other work around suggestions available?