Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 - Increase Vertical Padding in Dropdown Menu


JenIJW
Go to solution Solved by tuanphan,

Question

Hi,

I'm in Version 7.1 and I want to increase the vertical spacing/padding between items in the drop down menu. So in the attached image, more vertical space between "Doodle Line Art" and "Lino Print Stars" etc.

Also, I might want to change the font highlight colour when a submenu item is clicked on/selected, so if anyone has any code for that, it would be appreciated.

Thanks

Screenshot 2020-02-17 at 10.05.16.png

Link to post
  • Answers 15
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you share link to your site?

Add to Home > Design > Custom CSS .header-nav-folder-item a { padding-top: 10px !important; } .header-nav-folder-item--active a { color: red !important; }  

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

Posted Images

15 answers to this question

Recommended Posts

  • 0
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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
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

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0

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;
}
Link to post
  • 0
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! 🙂

Link to post
  • 0
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?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...