How to - transparent menu

enolbos · March 2017

Hi,
What is the CSS to make a sticky menu transparent until it gets to the bottom of Slider Revolution?

Thanks,
Brian

Bryan · March 2017

Hi,

There is no CSS to do that. You would need custom JS to achieve such functionality.

thanks

enolbos · March 2017

Okay. How about something like BeIndustry?

Bryan · March 2017

But it goes transparent at the start. It does not wait for the slider to end.

If you want to achieve this you need custom css.

Send us a link to your page an we will make it for you.

thanks

enolbos · March 2017

Okay...

http://aguiarpavers.com

Bryan · March 2017

What color do you want the menu to have. Black ?

enolbos · March 2017

They still want that light blue color - #dbeffd

Bryan · March 2017

Umm.. but the menu is this color and is sticky and transparent, what else would you like?

enolbos · March 2017

They don't want color, initially. They want it completely transparent. They are fine with the color once someone scrolls.

Bryan · March 2017

Hi,

You have to go to theme options>header&subheader>header and set the header to fixed.

then add this css

#Top_bar:not(.is-sticky) {
	background:transparent !important;
}

If it is transparent you cannot see the menu items so we advise you to go to colors and change the menu items colors.
thanks

Comments