Remove Sticky from Individual Layouts

mjlaval · May 2015

Hello,

I'm using the sticky header on my site but have a few pages that have simulator codes which go overtop the sticky header. With this being the case, I tried creating a new Layout for these pages, but came to realize that these new layouts do not give the option of not using the Sticky header - as white and dark are the only options.

How can I go about removing the sticky header on individual pages?

Thanks!

Albert · May 2015

Hi,

please send us url to example page where you want to remove sticky header and we'll show you how to do it.

Thanks!

mjlaval · May 2015

Here's an example of a page with the issue.

http://dev.clearviewtinting.com/resources/residential-simulator

Thank you!

Albert · May 2015

Ok. So to remove sticky menu on individual pages, you must use below css:

.page-id-xxx #Top_bar.is-sticky { display: none; }

where xxx is page ID.

mjlaval · May 2015

Worked - thank you!

Albert · May 2015

You're welcome

Remove Sticky from Individual Layouts

Comments