Jump to content

Mobile Navigation Overlap

Recommended Posts

Site URL: https://grey-cranberry-c4ar.squarespace.com/

A friend of mine just went to view my site to give it a once-over before I make my final changes and make it live. My friend noticed that while using a mobile device to view the site, my second layer of navigation has some text overlapping issues. (My primary navigation is fine, but when I click on one of the navigation options and see the secondary navigation (what would be the drop down menus on desktop) my text keeps overlapping.) I have tried viewing it on different devices, different OS and browsers. They all show the same issue. I have altered my spacing as wide as it can go and it's still having issues.

Help? I have no idea how to fix this.

Site password is: kiwi22


Link to comment
  • Replies 2
  • Views 1.7k
  • Created
  • Last Reply
  • 3 weeks later...

Ha HA! I found the right place to adjust the line height setting for the menu! I found it within Design>Fonts and then by clicking the hamburger menu icon (while in mobile preview) which brought up the option to customize the font for just the mobile menu.

Thanks Tuanphan for helping me figure out where to look!

Link to comment


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.