Jump to content

Mobile Menu Overlay Spacing Changes on it’s own

Recommended Posts

Site URL: https://www.wordwisecoaching.co.uk/

I have been having some trouble with the mobile menu overlay. The spacing looks fine when you adjust the settings using the Squarespace Edit sliders, but when navigating the live site the spacing of the menu items will change as I move between different pages. It goes from being perfectly spaced on one page to all overlaying and unreadable on the next. I have attached some screenshots of this. 
 

I did use some code at one point to try to adjust the spacing of the items so that they would fit on one screen with no scroll, but have since deleted this and the issue is still there. Is there anything that I can do to fix this?

0E7DA4CE-509B-406F-A6C4-C2A868234CBB.jpeg

420558F2-A58C-45F8-8C1E-A76B908686A4.jpeg

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 8/6/2021 at 7:55 PM, GMK said:

Hi sorry for the slow reply. It happens on the Services, testimonials and contact pages

The home and About pages seem to be ok

https://www.wordwisecoaching.co.uk/services

https://www.wordwisecoaching.co.uk/contact

https://www.wordwisecoaching.co.uk/testimonials

 

Hi, I see you used this CSS, try remove it & check again

.header-menu-nav-folder-content a {
    line-height: 1vh !important;
}

or change it to this, to make code works on desktop only

@media screen and (min-width:992px) {
.header-menu-nav-folder-content a {
    line-height: 1vh !important;
}
}

 

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

I have removed the code. It is still condensing the links on the same pages but they are now readable and not overlapping so much. Do you think anything else could be done so that the menu is the same for every page? 

F0C679EF-9C4F-4670-85CF-2F3912127CC4.jpeg

Link to comment
On 8/12/2021 at 5:59 PM, GMK said:

I have removed the code. It is still condensing the links on the same pages but they are now readable and not overlapping so much. Do you think anything else could be done so that the menu is the same for every page? 

F0C679EF-9C4F-4670-85CF-2F3912127CC4.jpeg

Hi. You mean spacing between menu items?

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.