Jump to content

Adding space between navigation titles

Go to solution Solved by tuanphan,

Recommended Posts

Hello smart people,

I'm trying to add more space between each navigation title (without increasing the font size) so that it aligns with the outer edge of the contents below. I'm also trying to add a block of colour (#00FF00) behind each navigation title. Hopefully the attached pictures do a better job of illustrating what I'm trying to achieve. Any help with this would be greatly appreciated!

Before.png

After.png

Link to comment
  • Solution

Add to Home > Design > Custom CSS

nav.main-nav ul {
    width: 66.6667%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.