Support » Plugin: Feed Them Social - Facebook, Instagram, Twitter, YouTube, Pinterest » How can I make the Facebook (or any) feed responsive?

  • Resolved ashleywirthlin

    (@ashleywirthlin)


    I can’t seem to get the custom CSS to work to make the Facebook feed size change.

    (Another related issue: I set the max width in the settings to 500px, for example, and a video that was shared to the Facebook page feed showing is larger than the max, despite this setting. This has me worried that even if I were able to get the responsiveness to work, it would be ruined by this video not playing nice.)

    So, here’s what I tried to use:

    @media only screen and (max-width : 720px) {
    .fts-simple-fb-wrapper, .fts-fb-header-wrapper, .fts-fb-load-more-wrapper, .fts-jal-fb-header, .fb-social-btn-top, .fb-social-btn-bottom, .fb-social-btn-below-description {
                    max-width: 320px;
                }
    
    .fts-fb-large-photo, .fts-jal-fb-vid-picture, .fts-jal-fb-picture, .fts-fluid-videoWrapper-html5 {
                    max-width: 320px;
                    float: left;
                }
    }

    This did nothing. I currently have the max width set to 720px, because of said aforementioned video size, but once that’s gone from the feed, I’ll probably change the max width to something smaller for mobile visitors.

    Has anyone else had success with making their feeds responsive? I want a smaller feed max width for someone on mobile.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author slickremix

    (@slickremix)

    Really sorry for the delay here.

    Add this custom css. It will make the video image responsive instead of sticking out like a sore thumb 🙂

    .fts-jal-fb-group-display img {width: 100%;}

    Spencer

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.