Header transparency control

[Mark]

Mark

January 25, 2016 at 2:55 am

Hi Guys,

First let me say how much I like using both Virtue and Pinnacle themes, very flexible and customisable. On the whole I have been able to preform all the tweaking and modifications myself or by referring to your comprehensive documents and forums.

However this time I need a little assistance as I am a little stumped and short on time, so hope you can help.

I am fairly new to Pinnacle and would like to control the opacity of the initial header and also the shrink when scroll header, I’ve got it to work in Chrome but try as I might it won’t play ball in other browser.

using the following css

.trans-header{
/* CSS3 */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
html body .is-sticky .headerclass {
background: rgba(255, 255, 255, 0.8);
}

Hope you can help.

Thanks,

Mark.