[Resolved] Full-Width images on mobile?

Home Forums Support [Resolved] Full-Width images on mobile?

Home Forums Support Full-Width images on mobile?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2455714
    Edin

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

    Like this one:

    Image

    Thank you,
    Edin

    #2455763
    David
    Staff
    Customer Support

    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.

    #2456179
    Edin

    Awesome, David. It looks great.

    Thank you so much!

    #2456206
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.