Hamburger Menu Nav 7.1

rsmith3074 · January 21

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

tapingpolicies · January 27

I’m looking for the same answer. Nothing to be found about this for the 7.1 version. Anyone?

tuanphan · February 1

You can try CSS for this.

No Such Account

The account you requested does not exist.

inside_the_square · February 7

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 for me. Hope it helps!

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important}

Hamburger Menu Nav 7.1

Question

rsmith3074 2

Share this post

Link to post

3 answers to this question

Recommended Posts

tapingpolicies 0

Share this post

Link to post

tuanphan 6,401

Share this post

Link to post

inside_the_square 89

Share this post

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources