https://legacy.forums.gravityhelp.com/topic/responsive-containers Gravity Support Forums Topic: Responsive Containers en-US Mon, 20 Apr 2026 02:29:59 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/responsive-containers#post-256827 Fri, 17 May 2013 02:13:12 +0000 dmayer5 256827@https://legacy.forums.gravityhelp.com/ <p>Try this: </p> <p>@media only screen and (min-width: 200px) and (max-width: 768px) {</p> <p> .gform_wrapper .gform_body .top_label li.gfield.gf_right_half {<br /> float: left;<br /> clear: left !important;<br /> width: 99%;<br /> }<br /> .gform_wrapper .gform_body .top_label li.gfield.gf_left_half {<br /> float: left;<br /> clear: left !important;<br /> width: 99%;<br /> }<br /> .gform_wrapper .gform_body .top_label li.gfield.gf_right_third {<br /> float: left;<br /> clear: left !important;<br /> width: 99%;<br /> }<br /> .gform_wrapper .gform_body .top_label li.gfield.gf_left_third {<br /> float: left;<br /> clear: left !important;<br /> width: 99%;<br /> }<br /> .gform_wrapper .gform_body .top_label li.gfield.gf_middle_third {<br /> float: left;<br /> clear: left !important;<br /> width: 99%;<br /> } </p> <p>} </p> https://legacy.forums.gravityhelp.com/topic/responsive-containers#post-252618 Tue, 14 May 2013 09:47:39 +0000 Samara 252618@https://legacy.forums.gravityhelp.com/ <p>I'm wondering if anyone has figured out a solution for columns being displayed in responsive themes. Because columns are not built as containers in gravity forms, I've not found a way to stack them appropriately.<br /> [col 1][col 2][col 3]<br /> should do the following<br /> [col 1]<br /> [col 2]<br /> [col 3]<br /> instead it becomes...<br /> [col 1 - field 1]<br /> [col 2 - field 1]<br /> [col 3 - field 1]<br /> [col 1 - field 2]<br /> [col 2 - field 2]<br /> [col 3 - field 2]<br /> [col 1 - field 3]<br /> [col 2 - field 3]<br /> [col 3 - field 3]<br /> Is there any way to create a container div that serves as the column block instead? </p>