Archived topic

full-width featured image for mobile responsive pages

3 replies · Started by Marko on February 11, 2022

Viewing posts 1–4 of 4

February 11, 2022 at 7:54 pm #2115191

Hey guys,

Sorry I tried to search for this but couldn't find an answer.

I want to be able to make my posts full width, just like my page setup in the private details. However my post setup seems to follow the same margin as the text but I haven't been able to fix this myself, hoping you might be able to point me in the right direction settings or css wise with generatepress? Thank you.

I've also shared screenshots in mobile view to show what I mean.

Thank you.

February 12, 2022 at 7:03 am #2115571

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .post-image-above-header .inside-article .featured-image {
        margin-left: -30px;
        margin-right: -30px;
    }
}

February 12, 2022 at 3:08 pm #2116133

Thank you David, that worked perfectly.

February 13, 2022 at 5:08 am #2116542

You're welcome

This archived topic is closed to new replies.

Start building better websites today.