Hey Ben!
Hope you had a good weekend!
This code worked, thank you so much! 😀 You are a genius/lifesaver/magician/awesomest person ever!
The only thing I’ve bee trying to figure out now is how to get that the featured image doesn’t cover my post title.
I have gone through the forum and read every post covering featured images and titles but I can’t see anything that relates to my issue.
Would you mind helping me fix this please?
Thanks a million for everything so far!
Simone
Perfect, let’s figure it out 🙂
I just took a look at the site, and this CSS should add some space around the Featured Images so they don’t overlap the titles anymore:
.featured-image {
margin: 1.5em 0 !important;
}
Amazing! Thank you so much Ben! I really appreciate all your help!
You’re welcome, glad we finally got the images updated 🙂
Thank you Ben!
I just checked the site on my phone and I have the same problem with the featured image overlapping the post title.
Any idea how I can fix that?
It looks like the “/*freeze header*/” part of the CSS is missing the closing curly brace (}) for the media query.
Add the curly brace after the code for “overflow-container” and the Featured Images will then have the space added on mobile devices too:
/*freeze header*/
@media all and (min-width: 800px){
.site-header {
position: fixed;
width: 100%;
z-index: 9;
}
.overflow-container {
padding-top: 72px;
}
}
Thank you Ben! It worked like a charm! 🙂
