Remove Sticky from Individual Layouts

mjlaval

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

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mjlaval

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

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

Thank you!

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mjlaval

Worked - thank you!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next