Summr Posted July 15 Share Posted July 15 I would like my desktop view to use the hamburger icon and drop down navigation menu, the way it displays on mobile. I do not want the navigation links displayed directly on the page. I'm having trouble finding the right code for this. My URL is casacrudo.com Link to comment
Lesum Posted July 15 Share Posted July 15 @Summr Hi! To display the hamburger icon and dropdown menu on desktop, you can add this code in Website > Pages > Website Tools > Custom CSS @media screen and (min-width: 768px) { .header-display-desktop { flex-direction: row-reverse; } .header-burger { display: flex; } .header-nav, .header-actions { display: none; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } } Hope that helps. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment