How to get feed to be one horizontal row in mobile

  • Resolved davidsuh711

    (@davidsuh711)


    7 years, 8 months ago

    Hi,

    I set my setting to be 3 columns with 3 pictures to span horizontally but once it breaks to mobile, it switches the photos to stack vertically. How do I make the three photos to just get smaller with the screen and stick to one row?

Viewing 1 replies (of 1 total)

  • Hello, @davidsuh711!

    We appreciate your time posting your request!

    Please note, that this display is set up because of mobile-responsive functionality of Instagram Feed WD plugin.

    You can get the necessary view by adding the following CSS code to Instagram Feed WD > Settings > Custom CSS option.

    @media screen and (max-width: 1024px) and (min-width: 800px) {
    #wdi_feed_0 .wdi_feed_item {
        width: 25%;
    }
}
@media screen and (max-width: 800px) and (min-width: 480px) {
    #wdi_feed_0 .wdi_feed_item {
        width: 25%;
    }
}
@media screen and (max-width: 480px) {
    #wdi_feed_0 .wdi_feed_item {
        width: 25%;
    }
}

    Make sure to clear the cache of your website before checking the changes. Let us know if this works.

    Thanks! Have a good day!

Viewing 1 replies (of 1 total)
  • The topic ‘How to get feed to be one horizontal row in mobile’ is closed to new replies.