Jump to content

Responsive Text Size On Navigation Bar On Desktop - Brine Rally Template

Recommended Posts

Site URL: https://www.mirandakelton.com

Hi everyone! Looking for a little bit of help with formatting my navigation menus. I have a widescreen desktop computer (17") and my navigation looks perfect with that screen width - however, when someone looks at my site with a smaller desktop screen (say 13") it's not quite small enough to shift to the tablet/mobile view, so my menu navigations get compressed and the dropdown menus all overlap each other. If I could do some sort of responsive text size css that would be great! I just want the navigation buttons to all stay inline & for the text to just become smaller if someone is looking at it on a smaller computer screen. Hopefully that make sense! Has anyone found a good way to fix this problem? Any suggestions would be much appreciated! Photos below to show the issue! Mobile Breakpoint is currently set at 1000px. 

Widescreen.jpg

Smaller Screen.jpg

Link to comment
  • Replies 4
  • Views 469
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...

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.