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!
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
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
Question
rsmith3074 2
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 post
Top Posters For This Question
22
4
3
3
Popular Days
Oct 12
3
Jul 28
2
Jan 6
2
Nov 20
2
Top Posters For This Question
tuanphan 22 posts
hanna38 4 posts
saltclo 3 posts
Daisysophia 3 posts
Popular Days
Oct 12 2020
3 posts
Jul 28 2020
2 posts
Jan 6 2021
2 posts
Nov 20 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
tuanphan
Add to Home > Design > Custom CSS .header--menu-open .burger-box { background: none; } .header--menu-open .burger-box div { display: block; }
Posted Images
60 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