# Responsive Design 1 to 2 columns

**URL:** <https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843>\
**Category:** Elements\
**Created:** [March 3, 2026, 7:31pm UTC](https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843 "2026-03-03T19:31:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hsakols](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hsakols](https://forums.realmacsoftware.com/u/hsakols)\
**Post date:** [March 3, 2026, 7:31pm UTC](https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843/1 "2026-03-03T19:31:30Z")

</div>

I’d like my mobile design to have a single column of text and images, but larger designs to have two columns. Is the only way to do this to override the larger design, or is there another way?

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [March 3, 2026, 8:40pm UTC](https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843/2 "2026-03-03T20:40:20Z")

</div>

Yes, the way to do this is by overriding the single column on the larger screen sizes, by clicking on the little dot in the left column, to perform the override. Then select the number of columns required for the larger size. All sizes above the overridden size will then inherit the number of columns, unless overridden.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 3, 2026, 9:37pm UTC](https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843/3 "2026-03-03T21:37:44Z")

</div>

Yup, @handshaper is correct, and check out this video to see how it works in action:

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/c/7c460ccc3e5ab31a0dca27401fa351c3fb0036e1.jpeg "Elements: Responsive Design Changes") ](https://www.youtube.com/watch?v=gnlaK4LrhRY)

---

<div class="post-metadata">

**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\
**Post date:** [March 3, 2026, 9:43pm UTC](https://forums.realmacsoftware.com/t/responsive-design-1-to-2-columns/54843/4 "2026-03-03T21:43:46Z")

</div>

An alternative is to duplicate your container and style one with a single column and the other with two columns. Then, depending on your screen size, you can hide or unhide the relevant container.

I do this occasionally because it means I can add borders/dividers etc on the multi column layout which I don’t want on the mobile view and sometimes I have that many overrides going on I get confused.

Not sure if this is good advice or not but works for me.