[Resolved] Full-Width images on mobile?

[Edin]

What can I do to make images go full width without any margin on mobile only?

Like this one:

Thank you,
Edin

[David]

Hi there,

try this CSS:

@media(max-width: 750px) {
    .single-post .entry-content img {
        margin-left: -15px;
        margin-right: -15px;
        max-width: 100vw;
    }
}

When the viewport is the width of your single post content ie. 750px. It will offset the themes padding using negative margins and allow the image to fill the viewport.

[Edin]

Awesome, David. It looks great.

Thank you so much!

[David]

You’re welcome

[Author]

Posts