Transparent Header on Single Page

VertzMarketing · June 2016

Hi there!

We just added a video background to the top section of our homepage and have a question about the layout. I'm wondering if there's a way to make the header/menu, just for a single page, transparent so it can lay over the video background.

Changing the entire site to the "Transparent" header layout made the homepage display how we'd like (with the video shifting up so it shows behind the menu), but we only want this effect to be on the homepage. Is there some CSS we can insert for this?

I tried adding the following CSS to the page's individual settings. It did change the color to transparent, but didn't cause the video to move upwards.

#Top_bar { background-color: transparent !important; }

Is there something I could add to that CSS which would make the video shift up?

Here's a link to the website I'm referring to - http://jillyscarwash.com/.

Any help would be greatly appreciated. Thank you!

Albert · June 2016

Hi,

we are sorry but it's not possible. The video starts just under the header and that's why making header transparent won't change anything.

Thanks!

VertzMarketing · June 2016

Okay. Is there a way then to do the inverse?

We achieved the desired effect (having the menu lay over the video) by changing to the Transparent Style menu. If we do this, can make the header wrapper display on the interior pages?

Again, we only want this option to show on the homepage. Is it just not possible to have a certain header style on a single page? That's basically what we would need.

Albert · June 2016

Yes, you can set certain header style for single page. For that you need to use layouts configurator feature.

VertzMarketing · June 2016

Great, thank you so much!

Albert · June 2016

You are welcome!

Transparent Header on Single Page

Comments