Archived topic

Navigation as header issue with menu elements

5 replies · Started by TRISQUELMEDIA S.L. (B74037078) on December 19, 2019

Viewing posts 1–6 of 6

December 19, 2019 at 4:13 am #1108661

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?

December 19, 2019 at 10:06 am #1109023

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 :)

December 20, 2019 at 2:09 am #1109492

Not in my case, screenshot

null

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)

December 20, 2019 at 8:22 am #1109896

Give this CSS a shot:

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

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

December 22, 2019 at 11:18 pm #1111864

Thxs works!

December 23, 2019 at 9:36 am #1112474

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.