Archived topic
styling single menu item
3 replies · Started by Drew on January 13, 2018
I'm running into a roadblock trying to reproduce a nav menu style I used with a menu plugin prior to updating this site to GP: https://adaptistration.com
Here's the original styling, the far right nav item has a different color background: https://www.screencast.com/t/Hh8v79BOD
The issue is nav menu elements occupies the full height. If I add padding (via CSS) then adjust the menu item height via Layout>Primary Navigation" the logo reduces in size accordingly, and that's exactly what I don't want to happen.
I've been working it for more than 30 min and am ready to admit defeat and ask for help.
Many thanks in advance!
Drew
Hi there,
You can use similar method here to style a specific menu item:
https://docs.generatepress.com/article/adding-buttons-navigation/
Can add an extra style line-height if you need as well.
That's a great approach and yes, adding the line height did the trick. I didn't even think of looking for in the docs as a button but it makes complete sense. Many thanks!:)
No problem :)
