Hi, I’m having some issues with my header. I’m not sure why – For the life of me I cannot figure it out. I have a page (See Private) and want the header to overlap the image. This is going to be duplicated for other pages as well but as you can see the header is overlapping blank space and looks weird. How would I have no transparency header overlap the image? I have other pages that use the transparency header… But those settings wont work on this type of page thus why I need things adjusted and not effect the transparency header…
Or is there a better solution to achieve this? Having this kind of header on some pages not effecting other pages…
Hey eggc,
Thank you for the inquiry.
You may need to adjust the top padding of the #main container. Please try this css code:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0;
}
Let us know if the issue persists.
Best regards,
Ismael
Hi, Thanks for the code but the issue persists. There is still a gap between the the header and picture. I attached a screenshot of what it looks like and what im trying to achieve.
Hi,
Thank you for the inquiry.
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code. If the issue persists, please provide the login details in the private field so that we can check the modification further.
Best regards,
Ismael
Thanks for getting back to me,
I have attached a temporary login url in the private section. I also created a staging website to trouble shoot this inquiry.