7.1 - Increase Vertical Padding in Dropdown Menu

Add to Home > Design > Custom CSS

.header-nav-folder-item a {
    padding-top: 10px !important;
}
.header-nav-folder-item--active a {
    color: red !important;
}

Can you share link to your site?

Hi - here it is > https://itsjensworld.com

Thanks!

Hey guys. I know this is an old thread but hopefully someone can help.

I've tried adding this code to create more vertical space between page titles in the drop down nav, but nothing changes.

.header-nav-folder-item a {
    padding-top: 10px !important;
}

https://www.makingwavescreative.com/

Any help welcome! Thank you.

7 hours ago, MakingWaves said:

Hey guys. I know this is an old thread but hopefully someone can help.

I've tried adding this code to create more vertical space between page titles in the drop down nav, but nothing changes.

.header-nav-folder-item a {
    padding-top: 10px !important;
}

https://www.makingwavescreative.com/

Any help welcome! Thank you.

a.Header-nav-folder-item {
    padding-top: 10px;
}

@tuanphan you are half the reason I use Squarespace. I love you.

I have 7.0 and would like to increase the space also.   Would this custom code work for the spacing.   I don't need the color, I just need more spacing.  

https://www.impromptuphotography.com/

15 hours ago, Cindy1570048209 said:

I have 7.0 and would like to increase the space also.   Would this custom code work for the spacing.   I don't need the color, I just need more spacing.  

https://www.impromptuphotography.com/

Can you turn off "right click disable"? We can check code easier

I am going to sound stupid right now and have to say,  I truly don't remember how I did it (turned it on or off).   I just know I need it (personally that is).   I know it doesn't provide total protections, but it does deter. 

It is very time consuming to check the code of a website without right clicking, you will need to scan each code on the website to find the correct code position and then start the check.

You can try remove all code in COde Injection Header/Footer

Hi @tuanphan!

I'm trying to add more vertical spacing between my items in a dropdown menu and plugged in the code you mention about into the CSS, but it's not working. Any other advice? My site is: nancykononelos.com.

Thanks!!

.header-nav-folder-item a {
    padding-top: 10px !important;
}

On 2/18/2020 at 2:42 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav-folder-item a {
    padding-top: 10px !important;
}
.header-nav-folder-item--active a {
    color: red !important;
}

 

This works great!!! ONE question: I notice that the space (pixels) between the items in the drop down, for about 1-2 seconds are in their original, "too close together" space, and then POP farther apart to the actually pixels I set (in my case, 20 px). So I'm guessing the sub-menu items are about 5 pixels for 1-2 second and "jump" to 20. It tends to then stay at the 20 px until you go to another page, hover over the menu item, and it starts all over again. Is there a line of code to tweak this so the sub-menu/drop down space between links stays in place (ie, at 20 px)? Thank you! 🙂

On 11/28/2020 at 9:08 PM, harlowbogie said:

Hi @tuanphan!

I'm trying to add more vertical spacing between my items in a dropdown menu and plugged in the code you mention about into the CSS, but it's not working. Any other advice? My site is: nancykononelos.com.

Thanks!!

.header-nav-folder-item a {
    padding-top: 10px !important;
}

Add to Custom CSS

.subnav li {
    margin-bottom: 20px !important;
}

On 11/30/2020 at 1:52 PM, TonyBabarino said:

This works great!!! ONE question: I notice that the space (pixels) between the items in the drop down, for about 1-2 seconds are in their original, "too close together" space, and then POP farther apart to the actually pixels I set (in my case, 20 px). So I'm guessing the sub-menu items are about 5 pixels for 1-2 second and "jump" to 20. It tends to then stay at the 20 px until you go to another page, hover over the menu item, and it starts all over again. Is there a line of code to tweak this so the sub-menu/drop down space between links stays in place (ie, at 20 px)? Thank you! 🙂

Can you share site url?

Thanks!