Navbar Design -

[aa2zz6]

How do I get my navbar to look like the example below?

[Prasant]

Hello @aa2zz6,

Thanks for asking.

You can start designing menu as shown in screenshot with Ubermenu. Please take a look at the getting started guide for more information:

UberMenu | Themeco Docs

Thanks.

[aa2zz6]

Thanks! That was very useful. I do have a problem that I can’t figure out. I removed all my custom navbar CSS & JS code but the page still turns transparent when I scroll down. How is this possibly if the code was removed?

[paul.r]

Hi,

It’s already transparent from the beginning. The gray background is the background of your body.

If you would like it to be solid color on scroll, you can add this in Theme Options > CSS

body .x-navbar.x-navbar-fixed-top {
     background:#fff;
}

Hope that helps.