[Resolved] header widget inline with menu?

Home Forums Support [Resolved] header widget inline with menu?

Home Forums Support header widget inline with menu?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #283696
    allan

    Hello,

    is there a way to make the header widget i placed to be inline with my primary menu? I tried placing a widget and it pushed the menu down and as a result the header height is increased.

    thanks.

    #283697
    allan

    also, how can i change the background color of a specific menu item (and hover color) and place a border on it? I am comparing which is better between placing a header widget or this one.

    THanks.

    #283699
    Leo
    Staff
    Customer Support

    Hi Allan,

    – I’m assuming you have the navigation set to float right? If so try this CSS:

    .nav-float-right .header-widget {
        display: inline-block;
        top: 0;
    }
    .nav-float-right .inside-header .main-navigation {
        clear: none;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    – Are you thinking about something like a button? If so check out this page:
    https://docs.generatepress.com/article/adding-buttons/

    Once the CSS is added, then you can add the classes to the CSS Classes field in your menu item:
    https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

    Let me know if this helps.

    #284028
    allan

    Hello,

    Thanks it worked. I’m going for the button as it is still visible even on mobile.

    I have another concern:

    The height of my menu is 60 which is quite big. If I reduce it however, the entire primary menu changes its location and goes up resulting to it not being aligned with the logo. How can I reduce its height and at the same time, align with the logo on the left.

    THank you..

    #284029
    allan

    by the way, here are some screenshots for reference:

    image1

    image2

    #284035
    Leo
    Staff
    Customer Support

    Doesn’t look like you have a tall logo so you could try to set the menu item height to the same as your logo height then it should be perfectly align in the middle like this GP site.

    Let me know if that works for you.

    #284097
    allan

    THanks – working fine.

    #284180
    Leo
    Staff
    Customer Support

    You’re welcome 🙂

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