[Resolved] styling single menu item

Home Forums Support [Resolved] styling single menu item

Home Forums Support styling single menu item

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #470225
    drew

    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

    #470288
    Leo
    Staff
    Customer Support

    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.

    #470296
    drew

    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!:)

    #470318
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.