Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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

Screenshot_20200922-190700_Brave.jpg

Link to post
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Adjust Navigation Items Line height. If you can't adjust in Site Styles, add this to Home > Design > Custom CSS .container.header-menu-nav-item a { line-height: 30px; }  

Posted Images

Adjust Navigation Items Line height.

If you can't adjust in Site Styles, add this to Home > Design > Custom CSS

.container.header-menu-nav-item a {
    line-height: 30px;
}

 

Link to post
  • 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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...