Featured Image covering post title in Blogroll, Category and Tag indexes

[kerri]

Hey, I’m not sure when this started happening, but I only noticed today.

In my blogroll, tag and category archives, the featured image covers up half of the post title. So far, this is only happening on mobile.

How do I fix this?

(screenshot attached)

[Prasant]

Hello Kerri,

Thanks for reaching out.

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .entry-wrap {
    margin-top: 20px;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[kerri]

Thank you very much! I couldn’t figure out for the life of me what had caused that!

[lely]

Hello @kerridawn,

You are always welcome!
The issue was a result of other custom CSS. Specifically the following:

@media (max-width: 768px){
.blog .entry-featured {
    width: 100%;
    margin: auto;
}
}
.blog .entry-featured {
    width: 40%;
    margin-left: 60px;
    margin-right: 2%;
}

.blog .entry-featured {
    width: 60%;
    margin: 0 auto;
}

Cheers!