Jump to content

v7.1 Header hidden, still want hamburger menu

Recommended Posts

Hi all!

I have hidden the built-in header because I don't need it. But I'd still like to have the hamburger menu with navigations somewhere else (say, bottom right corner). Is there a way to do that? 

I'm a coding noob and I've found out that copying the html into a markdown doesn't work :'(

Thank you so much for your help!!

Link to comment
  • Replies 2
  • Views 307
  • Created
  • Last Reply

Hello @RyanDejaegher

Thanks for replying. I haven't paid for any plans yet so it's not online. I screenshot'd a test template, hope that helps.

I simply located the body ID for each page and hide the header, for example: 

#collection-5ed94108e548693234e27 { header {display:none !important;} }

My goal is to not have the header (including site title and navigation) because it takes up space, but still have the hamburger menu which i can place at another spot.


mobile_header hidden.jpg


desktop_header hidden.jpg

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.