http://www.kriesi.at/support/topic/column-layout-within-tabbed-content Support Forum - Topic: Column layout within Tabbed content en-US Wed, 22 May 2013 04:54:05 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-77588 Thu, 27 Sep 2012 14:25:58 +0000 Devin 77588@http://www.kriesi.at/support/ <p>Hey mr_jason,</p> <p>I removed the link (I assume that's the reason you wanted it deleted) but I'll need to leave the topic active until the updates to the grid are implemented.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-77580 Thu, 27 Sep 2012 13:49:17 +0000 mr_jason 77580@http://www.kriesi.at/support/ <p>Please delete this thread. </p> http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-76267 Mon, 17 Sep 2012 16:52:02 +0000 Devin 76267@http://www.kriesi.at/support/ <p>Hi mr_jason,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>@media only screen and (max-width: 767px) { .responsive #top .container&gt;.content{margin-bottom:0;width: 258px;} .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top .one_fifth, .responsive #top .one_fourth, .responsive #top .one_third, .responsive #top .two_fifth, .responsive #top .one_half, .responsive #top .three_fifth, .responsive #top .two_third, .responsive #top .three_fourth, .responsive #top .four_fifth { margin: 0; margin-bottom: 10px; width: 226px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive #top .container&gt;.content{margin-bottom:0;width: 418px;} .responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top .one_fifth, .responsive #top .one_fourth, .responsive #top .one_third, .responsive #top .two_fifth, .responsive #top .one_half, .responsive #top .three_fifth, .responsive #top .two_third, .responsive #top .three_fourth, .responsive #top .four_fifth { margin: 0; margin-bottom: 10px; width: 388px; } }</code></pre> <p>Its quite a bit but it looks like the grid needs some fixing for the next update. If this causes any other issues please let us know, I'll be tagged on the topic :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-75809 Thu, 13 Sep 2012 18:41:40 +0000 mr_jason 75809@http://www.kriesi.at/support/ <p>The page is -- edited out --- </p> http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-75798 Thu, 13 Sep 2012 18:20:14 +0000 Devin 75798@http://www.kriesi.at/support/ <p>Hey mr_jason,</p> <p>Can we take a look at it live? Probably need to create a new rule for you to only effect mobile layouts and adjust the columns accordingly.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/column-layout-within-tabbed-content#post-75480 Tue, 11 Sep 2012 22:58:19 +0000 mr_jason 75480@http://www.kriesi.at/support/ <p>I have a tabbed content on one of my pages and within one of the tabs I use the column layout. Everything looks fine on a desktop screen, however when viewing on a mobile device the column sections within the tab extend beyond the bounds and get cut off. Any ideas how to correct this without removing the column layouts? </p>