Jump to content

Can't Fit All Nav Items in Header

Recommended Posts

  • Replies 2
  • Views 733
  • Created
  • Last Reply
52 minutes ago, mandelbaummarketing said:

Site URL: https://sunfish-bobcat-m5pn.squarespace.com/

Is there a way to increase the width, left to write, of the navigation section of my header? None of the settings that are available to me allow me to fit all the navigation items i need without shrinking the font -- and i really don't want to put the nav on two lines. Thanks!

Add this to Design -> Custom Css

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    text-align: center;
    flex: 0 0 200%;
    margin: 1.7vw 0 0;
}

 

image.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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.