Support » Theme: OceanWP » main menu position

  • Resolved ehuds



    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?


    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;


    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.


    You’re welcome!

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