[Resolved] Navigation as header issue with menu elements

[TRISQUELMEDIA S.L. (B74037078)]

Hi:

I wanted to center my main menu vertically with respect to the logo, for that I used the option “Navigation as header” .

For that, you have to expand the height of the menu items, the problem is that when I hover over a menu item, the highlighted box is huge (due to having extended the height of the menu items). This also causes the submenu to open very low.

Any way to solve this problem?

[Tom]

Hi there,

Are you sure you need to increase the height of the menu item? Things should align center by default.

If not, can you link me to your site showcasing the issue?

Let me know 🙂

[TRISQUELMEDIA S.L. (B74037078)]

Not in my case, screenshot

My site is http://www.tqmdesarrollo.com/guiasdelpicu/

Menu is not aligned vertically with the logo

(now is deactivate Navigation as header, because if i decrease menu item height logo is too small)

[Tom]

Give this CSS a shot:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
        align-items: center;
    }

    .site-logo {
        margin-right: auto;
    }
}

[TRISQUELMEDIA S.L. (B74037078)]

Thxs works!

[Tom]

You’re welcome 🙂

[Author]

Posts