Navbar transparent on scroll but with a solid topbar

Hi,

I have a solid topbar and a solid Navbar which are different colors.

Is it possible to change the Navbar to transparent on scroll. But, keep the topbar solid?

Thanks

Hi There,

To change the background color of navbar to transparent on scroll, please add this custom CSS under Theme Options > CSS:

.x-navbar.x-navbar-fixed-top {
    background: transparent;
}

If it doesn’t work, please provide us with your website URL so we can take a closer look.

Thank you.

Hi Thai,

Thanks for your quick response.

Unfortunately, no change.

Hi There,

Please add the my-bar class to your bar:

After that add this custom CSS:

.my-bar.x-bar.x-bar-fixed {
     background-color: transparent !important;
}

Hope it helps :slight_smile:

Perfect, thanks a lot.

Glad we were able to help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.