Facebook Block not responsive
By Philippa Costigan on Monday, 31 July 2017
Posted in Technical Issues
Likes 0
Views 493
Votes 0
Hi there,

We've noticed today that while the Twitter and Youtube blocks scale down well on mobile devices, the Facebook block starts going beyond the available width at about iPhone 6 in portrait view (screenshot attached), with a reasonable amount of left and right padding in our template.

Any lower, such as a Samsung S5 or iPhone 5 and it goes well beyond width, looking quite ugly and creating a horizontal scroll when is less than desirable.

Obviously I've had a look at the CSS and can't seem to override it - any suggestions as to how I might fix this problem?

Thanks
Hi there,

Maybe you can try to apply css codes below on your customs.css files and see how it goes 


@media (max-width:768px)

{

.fb_iframe_widget_fluid span {

    max-width: 100% !important;

}

#eb .fb_iframe_widget iframe {

    max-width: 100% !important;

}

}
Abdul Warith Norudin
·
Monday, 31 July 2017 11:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks heaps, that did the trick.
Philippa Costigan
·
Monday, 31 July 2017 13:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Abdul Warith Norudin
·
Monday, 31 July 2017 15:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post