Jump to content

Hamburger Menu 7.1

Recommended Posts

Site URL: https://www.sarahduvivier.com

I currently have a hamburger menu on my desktop site but was wondering if instead of taking up the full page I was wondering if there is a custom css code to achieve something like this image.png.259801d71ffa74e9b7a1c9f89d72c1ec.pngwhen you click on the Hamburger button. I want the menu to only take up some of the screen,  not being the full screen if that makes sense. My site is https://www.sarahduvivier.com


 Thanks for the help.

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) {
.header-menu-nav-folder.header-menu-nav-folder--active {
    width: 50%;
    left: unset;
    right: 0;


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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.