Hide images responsiveness – CSS?

  • Resolved andersha

    (@andersha)


    9 years, 1 month ago

    Hi,

    When my feed goes responsive into twelve images single columned, it’s too long. How can I hide the last few images, can I make css specifically on wdi-index?

    Thank you for your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Tigran Nazaryan

    (@progmastery)

    9 years, 1 month ago

    hi, @andersha
    Thanks for using instagram Feed WD plugin.

    Set pagination type load more button and add custom css. Something like this.

    
@media screen and (max-width:767px){
body #wdi_feed_0 .wdi_feed_item:nth-last-child(-n+6) {display:none;}
}

    This will hide the last 6 images in the first feed of the page(#wdi_feed_0) on mobile devices only. If you want to hide only feed in certain page, add body class there.

    There is another option which may help to achieve similar effect. Check Disable Mobile Layout to have smaller thumbs on mobile layout, and they will have smaller height but with several columns style.

    Thread Starter andersha

    (@andersha)

    9 years, 1 month ago

    Thank you. Works perfectly.

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

The topic ‘Hide images responsiveness – CSS?’ is closed to new replies.

Tags