Jump to content

Hamburger menu on mobile

Recommended Posts

  • Replies 4
  • Views 846
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 hour ago, inham said:


Any clue on how to reduce my hamburger menu on mobile?

Right now when clicking on the hamburger the overlay takes the whole screen and I'd like for it to take half of the screen.

The desktop hamburger menu overlay only takes 1/3 of the page for example when opened.



password: jewellery21

Have you solved it yet? Currently it seems fine 


BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!


Link to comment


I have gone live with the website and whenever I clicked on the burger menu on desktop the overlay menu would open on the left of my page but a massive column would appear on the right which looked really awful. So i had to go full screen but I still want to have it as 1/4 of the screen.


i was using this code:

better-burger {

width: 20%;

min-width: 200px;

left: 0;

right: unset;

transform: translate(-100%,0%);


(I've attached a picture)

And then I want to replicate it on mobile and not have it take the whole screen.

Actually, on mobile what I want to achieve is not go through at all "menu" = folder and land directly on my pages = collection, handmade and custom made.

Is there any way to achieve that?





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.