Support Team,
Periodically, I get an ‘extra’ gray colored full width section that gets added to the top of the page, just below the header. I put the theme in debug mode and the extra section doesn’t appear that I can tell in the code. If I delete/clone sections in the advanced layout editor long enough, it sometimes somehow goes away on its own. I saw another post on the forum that was able to remove it by putting in code not to “display:none” the section in the CSS, but that seems like a hack to me and it doesn’t work with these pages, so wondering if something else is wrong or if there is a better solution.
Thanks,
Ron
Hey repking,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.responsive #top.page-id-21 #main .container_wrap:first-child {
max-height: 0;
margin-top: -100px;
}
Best regards,
Vinay
Thanks Vinay, that worked, but now I see that it is also on my blog page. Is there a different fix for that, or better yet, is there a way to stop this from periodically happening or help me to figure out what the right CSS would be to fix it? I’m versed in CSS but clearly not an expert. Thanks in advance.
Hi,
This should not be happening in the first place. Please remove the css modification then edit one of the page with the issue. Move the color sections or elements around, change their position, update the page then move them back to their original position. This is a small glitch in the advance layout builder but moving the elements around should remove the extra section at the very top of the page. Let us know if it helps.
Best regards,
Ismael