I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help!
Question
rsmith3074
Hey!
I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help!
https://chameleon-porcupine-c7jc.squarespace.com/
password: 1234
Link to comment
Top Posters For This Question
34
4
5
4
Popular Days
May 14
4
Oct 12
3
Dec 4
3
Jul 28
2
Top Posters For This Question
tuanphan 34 posts
hanna38 4 posts
saltclo 5 posts
Daisysophia 4 posts
Popular Days
May 14 2021
4 posts
Oct 12 2020
3 posts
Dec 4 2021
3 posts
Jul 28 2020
2 posts
Popular Posts
inside_the_square
Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick
tuanphan
You can replace burger icon with custom three lines (here is an example img) Add to Home > Design > Custom CSS. Replace current image with three lines icon url .burger-box div { dis
JOHNMD
@MartyMeh To style on version 7.1. Link Alignment: .header-menu-nav {text-align: left!important; margin-left: 15%!important;} Page Background color: .header-menu-bg {background: r
Posted Images
89 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment