Hey there Kadunc,
Hope you’re well today!
If you’re referring to the space between each menu item in secondary menu then it can be done with some custom CSS. Please try adding the following CSS code in your theme custom CSS tab in Appearance -> Theme Options -> Advanced Settings -> Custom CSS:
#nav-second ul.sf-menu>li {
width: 16.5%;
}
Note that this is the original numeric value of the width of each of the menu items, you can reduce it to what ever you like.
If the code doesn’t work please post link to your site so I can take a look 🙂
Hope this helps!
Best regards,
Bojan
Thread Starter
Kadunc
(@kadunc)
Hi Bojan,
i copied your css into style.css (child theme) and changed the value and it worked perfectly.
Thank you for your help.
Question about this solution: when I tried this the secondary menu no longer filled the full width of the slider so there was extra space on the right side. I set the right three (of my six) menu items to float right but now there’s extra space between items 3 and 4. (http://jenpritchett.com/)
I can start a new thread if you like but this seems to be the continuation of the solution offered above so I thought I would try here first. Thanks!
Hey,
Please always post a new topic rather then posting in one that is marked as resolved. There is a high chance we will miss that you added so it’s just much better to create your own topic.
I am going to suggest using this css which means you will need to remove all of yours:
#nav-second ul.sf-menu>li {
width: 16.66%;
border-right: 4px solid #fff;
}
#nav-second ul.sf-menu>li:last-child {
border-right: 0px solid #fff;
}
Kadence Themes
