Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Resolved] styling single menu item

Home Forums Support styling single menu item

This topic contains 3 replies, has 2 voices, and was last updated by  Leo 3 months, 1 week ago.

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

    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

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #470288

    Leo
    Staff

    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.

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #470296

    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

    No problem 🙂

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.