[xristianParticipant]

Hi, since the last update I’ve noticed that all the Facebook comments via the x theme FB add on are stacking posts vertically on mobile devices, appears normal on computer. How do i fix this?

[xristianParticipant]

http://www.xristiansimon.com is my web address btw,

[xristianParticipant]

[ChristianModerator]

Hey Xristian,

Your FB Comments displays fine on our end (see http://prntscr.com/6nk3h7). Please try clearing your cache.

Thanks.

[Matt BParticipant]

This exact same thing is/was happening to me and I reported it via the forum. Mine was happening on my android tablet (all browsers) and desktop. Clearing cache did not help. Sounds like it’s a real issue.

[ChristopherModerator]

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

.fb-comments, .fb-comments span, .fb-comments iframe[style] {
  width: 100% !important;
}

Hope it helps.

[xristianParticipant]

ok, that didn’t solve the problem. Also, this anomaly is only appearing on mobile devices. I have an iPhone 6plus and an android device. all browsers, the same thing with vertical Facebook comments.
It only looks correct when viewed on a computer.

[xristianParticipant]

my android device _
http://xristiansimon.com/site/wp-content/uploads/2015/03/IMG_9127-e1427826508233.jpg

my iPhone-
http://xristiansimon.com/site/wp-content/uploads/2015/03/IMG_9128.png

[xristianParticipant]

When I deactivate the FaceBook Add On Extension, the view goes to this

[xristianParticipant]

I’ve spent most of the day trying to fix this issue with no luck at all.

[Paul RModerator]

Hi,

Can you try this code instead, you can add it under Custom > CSS in the Customizer.

.x-comments-area .fb_iframe_widget_fluid span,
.x-comments-area .fb_iframe_widget iframe {
    width: 100% !important;
}

Thanks

[xristianParticipant]

Still no luck fixing this

[ZeshanMember]

Hi Xristian,

Unfortunately, this issue is from facebook itself, the element that’s having this issue is inside the IFRAME of facebook comments (see: http://prntscr.com/6o3woe & http://prntscr.com/6o40x9). There is no way to apply CSS to an element that is inside an iframe.

This could be possible in some scenario to apply CSS to an element inside an iframe using custom JavaScript code, but regretfully, it will be outside the scope of support we can provide you.

Meanwhile, please review this: http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe

Thanks!

[xristianParticipant]

Still haven’t resolved this issue 🙁

[ThaiModerator]

Hi There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Author]

Posts