Support » Theme: OceanWP » main menu position

  • Resolved ehuds

    (@ehuds)


    Hello

    Can you please help me with css for the main menu.
    For some reason the position is little bit to up and not in the middle of the row.
    I did try to add 20 px to the css line:
    #site-navigation-wrap .dropdown-menu>li>a {
    display: block;
    font-size: 13px;
    line-height: 94px;
    color: #555;
    padding: 0 15px;
    letter-spacing: 0.6px;
    }

    And it did help but when changing screen size the problem continue.
    (I remove the 20px adding so you can see it)
    Is there a way to make it in the middle no matter screen size?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    Try adding the below css code to the Customize > Custom CSS section to fix it –

    #site-navigation-wrap .dropdown-menu>li>a, .oceanwp-mobile-menu-icon a {
        line-height: 96px;
    }

    Thanks

    working good.

    but…. is there an option for automate scaling? so if I change the logo size it will stay in the middle? or a fix px but from the bottom and not from the upper side?

    I can work like this also 🙂

    Thanks a lot

    At present, there are no settings. It automatically calculates the header height and adds line-height for the menu.

    You can also fix it without adding the code. Just set the header height to 96. it should work.

    ok
    thanks

    You’re welcome!

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