krystenjade Posted July 23, 2022 Share Posted July 23, 2022 Site URL: https://chef-andy-wright.squarespace.com/ Hi, I would like to change the desktop navigation to a hamburger Password:chefandy Thank you Link to comment
tuanphan Posted July 23, 2022 Share Posted July 23, 2022 (edited) Add to Design > Custom CSS /* force burger on desktop */ @media screen and (min-width:992px) { /* 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; } /* menu size */ .header-menu.header-menu--folder-list { left: unset; width: 30%; bottom: unset; height: 70%; } } Edited July 28, 2022 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
krystenjade Posted July 24, 2022 Author Share Posted July 24, 2022 Thank you @tuanphan That worked great. Is it possible to have just a small dropdown menu rather than the whole screen overlay? Link to comment
tuanphan Posted July 26, 2022 Share Posted July 26, 2022 On 7/25/2022 at 6:40 AM, krystenjade said: Thank you @tuanphan That worked great. Is it possible to have just a small dropdown menu rather than the whole screen overlay? Like this? or smaller (width + height)? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
krystenjade Posted July 28, 2022 Author Share Posted July 28, 2022 @tuanphan yes thank you. But smaller width and height if possible. Link to comment
tuanphan Posted July 28, 2022 Share Posted July 28, 2022 9 hours ago, krystenjade said: @tuanphan yes thank you. But smaller width and height if possible. Updated above code. You can check it again. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
krystenjade Posted July 28, 2022 Author Share Posted July 28, 2022 Thank you. That worked. 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