Jump to content

Can't change Mobile Menu appearance

Recommended Posts

Posted

Hi everyone, 

I have been trying to change my mobile menu for the past hour or so with no luck. Have gone through a bunch of tutorials and it seems like no matter what I try I cannot change the appearance of my mobile menu at all. 

I want the menu to overlay the whole page and change the spacing between options, but that doesn't seem to be possible. I'm using the beautiful WELLS template which has a sidebar, which might be causing the issue? 

When I try to search for 'menu' in site styles nothing shows up. I have attached some images as reference, please let me know what is causing this! 

Website is: arsalanmotavali.com

Password: test

Thanks! 

Screenshot 2024-06-20 at 18.03.46.png

Screenshot 2024-06-20 at 18.03.59.png

Posted

I have just tried to preview another template, which gives me the menu options back. Perhaps it is a template restriction, which is frustrating as I love this look. Are there any workarounds? 

Posted (edited)

@arsalanpeto It might not solve it completely, but this should help.

Go to Website -> Website Tools -> Custom CSS and paste this -

.menu-open {
height: 94vh !important;
align-content: center !important;
}

Edited by JessicaM

Jessica Miller | Squarespace Website Designer
https://www.jessicamiller.work
jessica@jessicamiller.work

Search the blog and get Squarespace tips to your inbox
https://www.jessicamiller.work/blog

Want to pick my brain or get help? Book a free 15 minute call.

If my post solved your problem, please mark it as the solution - thanks!

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.