[Support request] aligning a column to be full-width on mobile

Home Forums Support [Support request] aligning a column to be full-width on mobile

Home Forums Support aligning a column to be full-width on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1008251
    Melissa

    Hi,

    On this page, I’m currently displaying 2 columns in the area below the top orange strip. They stack on mobile just as I want them to. But I’d like the second column to be full width on mobile (the image and the background color).

    https://theslowroad.org/housesitting/

    Can you help out? Thanks

    #1008785
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Did you get this sorted? It looks great on mobile to me.

    Let me know 🙂

    #1009047
    Melissa

    No, haven’t worked it out. What I want is for the photo and blue box to bleed to the screen edges.

    #1009263
    David
    Staff
    Customer Support

    Hi there.

    you could try this:

    .page2_row2_column2 {
        width: 100vw;
        margin-left: -30px !important;
    }

    Just add it inside your mobile media query. You may want to give that element a specific class to set this style.

    #1009443
    Melissa

    Perfect. Do I do the same thing to stretch images edge-to-edge on mobile?

    #1009468
    David
    Staff
    Customer Support

    For mobile only wrap it like this:

    @media (max-width: 768px) {
        .page2_row2_column2 {
            width: 100vw;
            margin-left: -30px !important;
        }
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.