Docs

[Andreas Bjerve]

Hi!

I´d like there to be some padding below my logo on the Navbar.

Also, when my navbar resizes/shrinks upon scrolling down, I´d like it (and the logo) to shrink some more, but I´m not sure what part of my custom CSS to edit…

Finally, I´d like to control the color and level of transparency on my Navbar.

Thanks a lot in advance! 😀

Andreas

[Andreas Bjerve]

This reply has been marked as private.

[Christopher]

Hi there,

You should edit following block of code :

.x-navbar.x-navbar-fixed-top .x-brand img {
    font-size: 18px;
    width: 80px;
}

To control the transparency, edit this code :

.x-navbar {
    background-color: transparent !important;
    border: 0;
}

It could be :

.x-navbar {
    background-color: rgba(0,255,255,0.5) !important;
    border: 0;
}

Hope it helps.

[Andreas Bjerve]

Great, thanks!

One more thing; how do I adjust the height of the navbar?

🙂

[Rue Nel]

Hello There,

Thanks for updating in! You can adjust the navbar height in the customizer. Please go to Appearance > Customize > Header > Navbar Top Height (px). “Navbar Top Height (px)” must still be set even when using “Fixed Left” or “Fixed Right” positioning because on tablet and mobile devices, the menu is pushed to the top.

Hope this helps.

[Andreas Bjerve]

Thanks!

[Nico]

You’re most welcome.

Feel free to ask us again.

Thanks.

[Author]

Posts