Hi there,
I’m having some issues with the header and footer display on Archive and Single layouts.
I’ve created the header builder and footer builder and assigned it to “Entire Site”, however when viewing the posts in browser the design is losts.
Please could you advise on any possible causes.
I’m only running two plugins and have updated my version of theme.
Hello @LeonSigniFlow,
Thank you for the inquiry.
Did you create other headers and footers? Please make sure that the other custom templates are disabled. If the issue persists, provide the login details in a secure note so we can investigate the issue properly.
Best regards.
Hi
Error is persisting.
Secure note added in previous chat.
Thank you for the info. Do you remember adding this css somewhere?
/* 99 = 60% opacity * cc = 80% opacity/ z-index:1;}.e17-e146{position:relative;}.e17-e146:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse,#249FBEcc,#006495cc);/* 99 = 60% opacity * cc = 80% opacity/ z-index:1;}
This breaks the theme’s internal css. Did you modify the Element CSS of any elements in the header?
Yes I have various sections across multiple pages that I’ve assigned a gradient overlay with a background image below.
$el {
position: relative;
}
$el:before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse, #249FBEcc, #006495cc); /* 99 = 60% opacity * cc = 80% opacity/
z-index: 1;
}
This comment or line is invalid. Please remove it.
/* 99 = 60% opacity * cc = 80% opacity/
Wow thanks can’t believe something so small can have such a big effect.
It has worked on my Archive layout BUT not my Single layout.
I removed the same code from archive but made no difference.
Glad this solved the issue with the archive layout. We found another invalid css:
.widget.widget_rss li .rsswidget:before…
Did you add this somewhere?
No I’m not sure that I did.
Where should i remove this?
We found the same comment or line in the “Blog navigation” section of the “Main post layut”, and corrected it.
Please be careful with the css.
Kind regards.
Thank you so much!!
You’re welcome! Let us know if you have more questions. Have a nice day.
