Jump to content

Hamburger menu on mobile

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 hour ago, inham said:

Hi,

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.

Thanks!

https://wolverine-polygon-atzy.squarespace.com/config/

password: jewellery21

Have you solved it yet? Currently it seems fine 

image.png.e02164000cfc247b30081afa9404698d.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/3/2021 at 7:59 PM, inham said:

On the desktop it does but not on mobile. I'd like the same on mobile.

Can you see it?

I see desktop show fullscreen now. Do you still need help or you changed your mind?

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

Hi,

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?

Thanks!

 

menu.png

mobilesite.png

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.