GMK Posted August 3, 2021 Posted August 3, 2021 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?
tuanphan Posted August 4, 2021 Posted August 4, 2021 Hi. Which page do you see problem? 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!)
GMK Posted August 6, 2021 Author Posted August 6, 2021 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
tuanphan Posted August 8, 2021 Posted August 8, 2021 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!)
GMK Posted August 12, 2021 Author Posted August 12, 2021 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?
tuanphan Posted August 14, 2021 Posted August 14, 2021 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? 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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.