› ›

Mobile view column number

worvieworvie
in Custom Instagram Feed Pro
Can we set 2 column photos for mobile view instead of 1? 

our site is currently test mode please use following info.
user: test
pass: test1

Comments

  • abhishekabhishek
    Hi,

    To show Instagram feed in two column layout in mobile device.

    Use the given css code in your plugin custom css box 

    Go to Plugin settings page >> Custom Css and Js 


    @media only screen and (max-width: 480px) and (min-width: 200px){
    .eif-col-3 .eif_item {
        width: 50%;
    }
    }

    Let me know did it work.

    Thanks
    A
  • worvieworvie
    Thank you for the reply I applied the code to custom-css, but doesn't work.
    On mobile device, only landscape view shows 2 columns (that's same as the status before)

  • abhishekabhishek
    Hi worvie


    Ohh this is css conflict issue please use !important attribute  in width

    @media only screen and (max-width: 480px) and (min-width: 200px){
    .eif-col-3 .eif_item {
        width: 50% !important;
    }
    }

    Now let me know did it work.

    Thanks
    A
  • worvieworvie
    Wow! Thank you! worked perfect.
  • abhishekabhishek
    Hi worvie

    Glad to know that.


    Let me know if you have any other questions.

    Thanks
    A
This discussion has been closed.