Full screen Slideshow with Menu Items

[oturnbough]

Hello,

I can I make the header background transparent, I would like for the menu items to be seen as well as the slide show, how do I make that happen. I am using RENEW.

Thanks
Shae

[friech]

Hi Shae,

Thank you for writing in, please navigate to X > Themes Options and under Renew tab set the NAVBAR BACKGROUND to transparent.

Then add the following to Theme Options > CSS area.

.home header.masthead-inline {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/*mobile submenu background color*/
@media (max-width: 979px) {
	.x-nav-wrap.mobile {
	    background-color: #333;
	    padding: 2em;
	}
}

Hope it helps,
Cheers!

[oturnbough]

THANKS A MILLION, I have one last question concerning this but I have to figure out how to formulate what Im trying to do to ask!

[oturnbough]

I got this to do what I needed to do. But I notice on every other page the bar is white. Is there away for the bar to be the same color as the footer just on every other page?

[Prasant]

Hello @oturnbough,

Thanks for updating the thread.

I checked the URL that’s assigned on the licence page. On main website and practice website I don’t see white bar. Can you please confirm? And can you please share exact page URL so we can assist you?

Thanks.

[oturnbough]

Please disregard this…I ended up going with a custom header.

http://practice.onlinedbaacademy.com/

But can you tell me how to get this topbar to be transparent…I’m going for this look:

https://www.therefuge.net/

Thanks in advance

[friech]

Good day,

The first Bar on your header is already set to have a transparent background-color, do you mean you want the slider to be behind the header? If so, please add this to Theme Options > CSS

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

Hope it helps,
Cheers!