Archived topic

Control vertical positioning of the menu items on sticky nav

3 replies · Started by Paul on December 15, 2019

Viewing posts 1–4 of 4

December 15, 2019 at 4:46 pm #1105297

Hi guys

We're not using the Nav as Header but are enabling Sticky Nav. When the Sticky Nav displays, is there any way of controlling the vertical positioning of the menu items, eg: move the menu items downwards so that it's more centered to the logo, or level to its base, without increasing the height of the sticky nav?

Thanks,

December 16, 2019 at 3:45 am #1105618

Hi there,

tricky one - give this CSS a shot:

@media (min-width: 769px) {
    #sticky-navigation .inside-navigation {
        align-items: flex-end;
    }
    .main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
        line-height: 60px !important;
    }
}

December 16, 2019 at 1:53 pm #1106233

Thanks David

That worked well.
cheers

December 17, 2019 at 6:30 am #1106730

You're welcome

This archived topic is closed to new replies.

Start building better websites today.