Home › Forums › Support › aligning a column to be full-width on mobile This topic has 5 replies, 3 voices, and was last updated 4 years, 6 months ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts September 12, 2019 at 5:42 pm #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 September 13, 2019 at 8:54 am #1008785 TomLead Developer Lead Developer Hi there, Did you get this sorted? It looks great on mobile to me. Let me know 🙂 September 13, 2019 at 6:24 pm #1009047 Melissa No, haven’t worked it out. What I want is for the photo and blue box to bleed to the screen edges. September 14, 2019 at 5:49 am #1009263 DavidStaff 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. September 14, 2019 at 9:05 am #1009443 Melissa Perfect. Do I do the same thing to stretch images edge-to-edge on mobile? September 14, 2019 at 9:37 am #1009468 DavidStaff Customer Support For mobile only wrap it like this: @media (max-width: 768px) { .page2_row2_column2 { width: 100vw; margin-left: -30px !important; } } Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In