Docs

[Christopher]

Hi there,

Please adjust the height in following CSS block :

.x-navbar .desktop .x-nav > li > a {
    height: 100px;
    padding-top: 37px;
}

Hope it helps.

[Andreas Bjerve]

Sorry, Sir, you´ll have to stupify that for me… I can´t seem to find that block (and when I thought I did, nothing changed). Grateful for your assistance!

[Christopher]

Hi there,

Sorry for confusion. Please change ‘Navbar Top Height’ value to smaller number. You may need to update following code as well :

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a {
height: 60px;
padding-top: 25px;
}

Hope it helps.

[Andreas Bjerve]

Nice! Thanks a lot!!

One last little detail: can we vertically align/center that logo in the navbar after resize? So that it´s closer to the bottom line?

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-navbar.x-navbar-fixed-top .x-brand.img {
       margin-top: 8px;
}

.x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    padding-top:28px;
}

You may change 8px and 28px to adjust alignment.

[Andreas Bjerve]

Perfect! Thank you guys for excellent guidance:D

[Joao]

Glad to hear we managed to help 🙂

[Andreas Bjerve]

Hi there!

A tiny, little detail here. When the Navbar on my page shrinks upon scrolling down, the links “bounce” or move a little upwards before settling. Not sure why… They might as well stay stationary as the navbar shrinks.

Could you check this out?

Thanks!

[Andreas Bjerve]

This reply has been marked as private.

[Jade]

Hi Andreas,

If you want the menu items to remain in place when you scroll down, please find this code:

.x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    padding-top: 28px;
}

and update it to:

.x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    padding-top: 38px;
}

Hope this helps.

[Andreas Bjerve]

It did. Thanks a lot! 🙂

[Jade]

You’re most welcome, Andreas.

[Author]

Posts