Nav bar customisation

Support
#1

Hi, How would i make my menu act the same as this one? My menu is transparent when scrolling [www.approach.online] and i would like it like this one www.theqube.com I cant find a way to add custom javascript or figure out the code to make it happen

#2

Hello Josh,

Thanks for writing to us

I would suggest you go to the Header Bar->Customize ->Element CSS
Add this custom CSS code.

$el.x-bar.x-bar-is-sticky.x-bar-fixed{
  background-color:#000000 !important;
}

Please feel free to change the color code as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks