Jump to content

Navigation Folder Spacing

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Is there a way to add spacing between navigation links in the drop down menu? cc: @tuanphan
In addition to adding spacing between the folder links, I'd like to add additional padding to the folder itself so it's a little larger in size. You can see current site & mock in this post.

Screenshot of current site:

image.thumb.png.65ba7a42749b6ec222527fdb151d4565.png

Mock:

image.thumb.jpeg.8d5bc1e05f7f6f82f3e17351c27642a6.jpeg

 

Posted

Thanks @tuanphan that helped. There's some awkwardness with alignment and I had to make some adjustments.

You can see the code adjustment I made and also the image of how it displays.
 

span.header-nav-folder-item-content {
    font-size: 16px;
    margin-bottom: 10px;
  	margin-right: 20px;
  	margin-left: 20px;
    display: inline-block;
}

Screenshot 2023-12-26 at 9.41.19 AM.png

Posted
10 hours ago, Helloparkerg said:

Thanks @tuanphan that helped. There's some awkwardness with alignment and I had to make some adjustments.

You can see the code adjustment I made and also the image of how it displays.
 

span.header-nav-folder-item-content {
    font-size: 16px;
    margin-bottom: 10px;
  	margin-right: 20px;
  	margin-left: 20px;
    display: inline-block;
}

Screenshot 2023-12-26 at 9.41.19 AM.png

The code I tested on my site, so it can/can't work on your site. What is your site url? I can check easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.