Top Nav on top of Slider Rev slide

Support
#1

Hi,

Is there a way to insert the slides (made from Slider Revolution) behind the nav/flush to the top of the site?.. having the top nav be above the slides?

Happy to share login info.

Thanks.

#2

Hi There,

Thank you for writing in, you can add this to Theme Options > CSS

@media (min-width: 768px) {
	.home .masthead {
		position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	}
}

Then make your navbar background semi-transparent so you’ll see-through the slider behind it.

Hope it helps,
Cheers!

1 Like
#3

Hmm. Pasted this into the CSS area and nothing happens. Didn’t change a thing…

Any thoughts on why?

#4

Hi there,

I have just checked your site but I can’t seem to find the page that has rev slider on it.

Would you mind sending the direct link to that page so that we can check it?

Thank you.

#5

http://brownslastchance.com/browns-last-chance-home/

#6

Hi there,

Please try:

@media (min-width: 768px) {
	.masthead {
		position: absolute;
	    top: 0;
	    width: 100%;
	}

	.x-navbar, .x-navbar .sub-menu {
	    background-color: transparent !important;
	}
}

And if you only want to have the topbar on the slider for the page you link, instead of adding the code in the Theme Options CSS, please add it in the page’s Cornerstone CSS panel.

Hope this helps.

#7

Cool.

This works. Thanks!

#8

To ask one more (quick) question…

For the same site/page, how do I change the background color of the footer?

Thanks.

#9

Hi There,

Navigate to Pro > Theme Options > Renew and look for the Footer Background option.

Hope it helps,
Cheers!

#10

Ah. Missed this.

Thanks.

#11

You’re welcome.

#12

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