Jump to content

Overlay Menu on mobile customizable? How to

Recommended Posts

I am a little bit new to making a website on square space. I have been trying to find this on google / youtube / forums for hours and I just cannot figure it out.

I don't like the way my overlay menu looks and the settings on squarespace aren't helping much.

My website is lustrerentals.com , I don't like the way my overlay menu takes the whole screen.

In the next picture it is another square space website tremontrentals.com , i like how their overlay menu on mobile only takes up half of the page.

Any help on how I can make my mobile overlay menu look like the one on tremontrentals.com would be appreciated!

lustre overlay.jpg

tremont overlay.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
.header-menu {
    width: 70% !important;
div.header-menu-nav-folder:not(.header-menu-nav-folder--active) {
    opacity: 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.