Jump to content

Mobile Menu Overlay Spacing Changes on it’s own

Recommended Posts

Posted

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

  • Replies 5
  • Views 874
  • Created
  • Last Reply
Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

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

Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.