Title: make columns responsive
Last modified: August 21, 2016

---

# make columns responsive

 *  Resolved [Andahs](https://wordpress.org/support/users/andahs/)
 * (@andahs)
 * [13 years ago](https://wordpress.org/support/topic/make-columns-responsive/)
 * Is there a way or a CSS media querie to display a page without genesis columns
   for smart phones? I have a page that is formatted in 3 columns using the genesis
   easy column plugin, but the columns do not display well on android or iPhones.
   It’s fine on tablets. Any solutions?
    [http://www.srcart.com/testpage/](http://www.srcart.com/testpage/)
   Thanks!
 * [http://wordpress.org/extend/plugins/genesis-easy-columns/](http://wordpress.org/extend/plugins/genesis-easy-columns/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Code96](https://wordpress.org/support/users/code96/)
 * (@code96)
 * [13 years ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720173)
 *     ```
       @media only screen and (max-width: 800px) {
   
       	.five-sixths,
       	.four-fifths,
       	.four-sixths,
       	.one-fifth,
       	.one-fourth,
       	.one-half,
       	.one-sixth,
       	.one-third,
       	.three-fifths,
       	.three-fourths,
       	.three-sixths,
       	.two-fifths,
       	.two-fourths,
       	.two-sixths,
       	.two-thirds {
       		padding: 0;
       		width: 100%;
       	}
   
       }
       ```
   
 *  Plugin Author [Code96](https://wordpress.org/support/users/code96/)
 * (@code96)
 * [13 years ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720382)
 * Resolved
 *  Thread Starter [Andahs](https://wordpress.org/support/users/andahs/)
 * (@andahs)
 * [13 years ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720383)
 * Thank you!! That worked perfectly.
 *  [bambinovie](https://wordpress.org/support/users/bambinovie/)
 * (@bambinovie)
 * [13 years ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720437)
 * Hi !
    I’m using Genesis whith Prose child theme and having same problem.The columns
   reponsive but not dropdown by vertical. Look like this:
 * Normal:
    colum1 colum2 colum3 Mobile: c c c o o o l l l u u u m m m 1 2 3
 * But I want make colums show on mobile like this :
 * Mobile:
    colum1 colum2 colum3 ————————- How can i do ? Thanhks ! Sorry, for my
   bad english.
 *  [BeachedDesigns](https://wordpress.org/support/users/beacheddesigns/)
 * (@beacheddesigns)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720455)
 * Bump. curious as to a reply to the post above by bambinovie.
    I am looking for
   something similar.
 * I’ve added that css provided by Code96 to my theme css, But I still get squished
   columns when using a mobile device or small browser window.
    Am I doing something
   wrong here?
 * Thanks.
 *  [BeachedDesigns](https://wordpress.org/support/users/beacheddesigns/)
 * (@beacheddesigns)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720456)
 * Nevermind, I solved by unchecking the “Enable Optional CSS” in the plugin settings.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘make columns responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/genesis-easy-columns_f8f8f8.svg)
 * [Genesis Easy Columns](https://wordpress.org/plugins/genesis-easy-columns/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/genesis-easy-columns/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/genesis-easy-columns/)
 * [Active Topics](https://wordpress.org/support/plugin/genesis-easy-columns/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/genesis-easy-columns/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/genesis-easy-columns/reviews/)

 * 6 replies
 * 4 participants
 * Last reply from: [BeachedDesigns](https://wordpress.org/support/users/beacheddesigns/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/make-columns-responsive/#post-3720456)
 * Status: resolved