Title: Mobile View Option
Last modified: August 31, 2016

---

# Mobile View Option

 *  Resolved [ollie526](https://wordpress.org/support/users/ollie526/)
 * (@ollie526)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-option/)
 * The plugin works great on desktop and I have it set to 3 columns. As I shrink
   the window it drops to 2 columns and then 1 on mobile. How can I adjust it so
   it’s 2 columns on mobile? The way it is currently creates one long awkwardly 
   long column.
 * Also, it would be good to allow a font option for the Follow/Load More options.
 * [https://wordpress.org/plugins/easy-instagram-feed/](https://wordpress.org/plugins/easy-instagram-feed/)

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

 *  Plugin Author [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * (@priyanshumittal)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246255)
 * Hi
 * In the mobile device by default the feeds are shown in one column. Since you 
   have selected 3 column grid layout in desktop screen the below css will work 
   for smaller devices.
 * Use the following css to change the default behavior
 * **[@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   480px) and (min-width: 200px)
    .eif-col-3 .eif_item { width: 50%; }
 * If the above din’t work than do share you page url where you are displaying feeds.
 * Also if you love this plugin and support do post your [review](https://wordpress.org/support/view/plugin-reviews/easy-instagram-feed?filter=5).
 * Thanks
    Priyanshu
 *  Plugin Author [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * (@priyanshumittal)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246434)
 * Did the above solution worked for you.
 * Thanks
    Priyanshu
 *  Thread Starter [ollie526](https://wordpress.org/support/users/ollie526/)
 * (@ollie526)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246460)
 * Thanks, but it didn’t work yet. It is 2 columns to a certain point, but at mobile
   size it’s one long one.
 * The page is [http://capecodcustomauto.com/](http://capecodcustomauto.com/) and
   it’s at the bottom of home.
 *  Plugin Author [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * (@priyanshumittal)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246461)
 * Also add this css
 *     ```
       @media only screen and (max-width: 480px) and (min-width: 200px)
       .eif-col-3 .eif_item {
           width: 50%;
       }
       ```
   
 * Thanks
    Priyanshu
 *  Thread Starter [ollie526](https://wordpress.org/support/users/ollie526/)
 * (@ollie526)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246479)
 * This is the same thing but with more spaces before width. Was something meant
   to be different?m
 *  Plugin Author [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * (@priyanshumittal)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246480)
 * Hi
 * On inspect I foudn you still not applied the rule. PFA [http://www.awesomescreenshot.com/image/1188493/a7b41af7058e96d048e1525324299903](http://www.awesomescreenshot.com/image/1188493/a7b41af7058e96d048e1525324299903)
 * Check the highlighted box.
 * Thanks
    Priyanshu
 *  Thread Starter [ollie526](https://wordpress.org/support/users/ollie526/)
 * (@ollie526)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246482)
 * Strange. I added it to the theme custom css and the plugin custom css. I also
   flushed the WP cache each time.
 *  [pathakabhishek](https://wordpress.org/support/users/pathakabhishek/)
 * (@pathakabhishek)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246485)
 * Hi ollie
 * use this given css
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   480px) and (min-width: 200px){
    .eif-col-3 .eif_item { width: 50% !important;}}
 * in theme custom css box
 * Thanks
    Abhishek
 *  [pathakabhishek](https://wordpress.org/support/users/pathakabhishek/)
 * (@pathakabhishek)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246490)
 * Hi ollie
 * Any did it work for you
 * Thanks
    Abhishek
 *  Thread Starter [ollie526](https://wordpress.org/support/users/ollie526/)
 * (@ollie526)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246495)
 * Thank you! This latest version works!
 *  Plugin Author [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * (@priyanshumittal)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246496)
 * If you like this plugin and support than do share your feedback here at [https://wordpress.org/support/view/plugin-reviews/easy-instagram-feed](https://wordpress.org/support/view/plugin-reviews/easy-instagram-feed)
 * Closing this ticket.
 * Thanks
    Priyanshu

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

 The topic ‘Mobile View Option’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/easy-instagram-feed_826c7f.svg)
 * [Custom Instagram Feed](https://wordpress.org/plugins/easy-instagram-feed/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easy-instagram-feed/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easy-instagram-feed/)
 * [Active Topics](https://wordpress.org/support/plugin/easy-instagram-feed/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easy-instagram-feed/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easy-instagram-feed/reviews/)

 * 11 replies
 * 3 participants
 * Last reply from: [webriti](https://wordpress.org/support/users/priyanshumittal/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/mobile-view-option/#post-7246496)
 * Status: resolved