Clank 0 Share Posted July 23, 2020 Site URL: http://pleasurecontrol.org Hi there Is it possible to get the exact same burger menu from the mobile version to the main site. Already, I know that I will have too many navigation links so if I could hide the links in a burger menu, it would be most preferable. I customized my burger menu icon, so if I could just force that on to the main site it would be perfect. Link to post
derricksrandomviews 458 Share Posted July 23, 2020 I don't know what this code will do with your custom burger icon. /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } } Link to post
Clank 0 Author Share Posted July 24, 2020 Thank you so much! This worked! Only issue I am having is how to make the menu not cover the whole screen and reducing the space between the navigations links. I can reduce the space for mobile version, but not for the desktop version. Any suggestions? Link to post
derricksrandomviews 458 Share Posted July 24, 2020 No suggestions yet, but I see what you want to do. Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment