Hello,

I have set up ads on these pages (within the California theme) to stick at the top while you scroll down the page. But when you scroll back up, it gets hidden by the header banner. Is there a way to adjust the sticky to move down with the banner?

Sticky code:

.sticky-image {
position: -webkit-sticky;
position: sticky;
top: 15px;
z-index: 1000;}

Thanks,
Brandon.

Thanks for getting back. I had changed the sticky class and forgot I gave you the wrong one:

.ad-space {
 position: -webkit-sticky;
 position: sticky;
 top: 15px;
 z-index: 1000;
}

If I add more padding, then that might be odd when scrolling down when the header is hidden. Is there a way to add the extra padding only when the header is shown when you scroll up?

Thanks,
Brandon.

I figured it has to do with custom javascript work. Is there a starting point that you can point me toward? I am unsure exactly which js is controlling the header to show and hide.

Thanks,
Brandon.

OK, I am running up on a deadline and I cannot figure this out. How can I simply prevent the header from hiding when scrolling? I will have to take this action first while I figure out how to adjust the javascript files to accomplish what I want it to do.

Thanks,
Brandon.

Thank you, that worked.

Brandon.