I’m using the boxed layout of Enfold, and would like to use a top margin for the “wrap_all” div that encloses the layout. That would leave a strip of the background image showing above the header, which is what I’m looking to do. However, when the page is scrolled, the header shrinks as expected, but the white main div “slides” up obscuring the body background.
Question 1: Is there a way to have the header slide to the top of the screen prior to shrinking so that the white strip doesn’t show?
Question 2: Regardless of whether I put a margin for wrap_all, when I scroll the page, there is a white strip that shows between the header and the bar that contains the breadcrumb trail until the main content “catches up” to the header. Is there a way to eliminate that?
To view the site, you have to log in as admin first since I have a plugin to show the site down for maintenance for non-admin users.
Thanks.
Hey rwwood,
You can try adding following code to Quick CSS in Enfold theme options under General Styling tab
#header.header-scrolled {
top: 0;
}
But in my opinion, best option would be disabling “sticky header” option in Enfold theme options > Header > Header Behaviour.
Best regards,
Yigit