Topic: Facebook plugin not showing on mobile/ipad

Author

Posts
November 12, 2015 at 7:27 am #662441

Loren N
Participant

Hi,

I’ve added the Facebook plugin code from their developer site into a widget in my site. I’ve also added the required javascript into the functions.php file in my child theme (as per a thread in this forum). All is good on the site if viewed on a desktop device.

However, the Facebook feed does not show on mobile or iPad. I can’t find any other comments about it in the forum so am posting here.

The site concerned is currently located on my test server >> http://www.sdmtest1.co.uk

Can you help?

November 12, 2015 at 9:42 am #662588

Zeshan
Member

Hi Loren,

Thanks for writing in!

Please point us to the page where you have added the Facebook widget.

Thank you!

November 13, 2015 at 7:08 am #663881

Loren N
Participant

Hi,

It can be seen in the sidebar here >> http://www.sdmtest1.co.uk/blog/

Thanks.

November 13, 2015 at 8:01 am #663932
Zeshan
Member
Hi Loren,

I’ve checked your site and there’s a jQuery error (see: http://prntscr.com/92aj6t). It seems you are adding Facebook code under Customizer JS section. You cannot do that as it only accepts JavaScript, i.e. you cannot use any HTML tags in it.

To get around this problem, you can add following code in your child theme‘s functions.php file:
```
// Adding Scripts Below <body> tag of the page
// =============================================================================

function scripts_inside_body() { ?>
  
<?php }

add_action('x_before_site_begin', 'scripts_inside_body');
```
Replace your Facebook code (i.e. http://prntscr.com/92ald6) with the line <!– Add your script here –>.

Thank you!
November 13, 2015 at 9:49 am #664043

Loren N
Participant

Now it’s not showing on the front end on desktop (and still not showing on mobile). It’s disappeared completely!

November 13, 2015 at 12:13 pm #664256

Zeshan
Member

Hi Loren,

When I checked your site, Facebook widget was neither showin on desktops nor on mobiles. Upon looking at your site now, Facebook code is present in the widget but not visible and there’s also a different JS error in the console (see: http://prntscr.com/92dmg4).

Make sure you are using correct Facebook code in the text widget.

Thank you!

November 16, 2015 at 8:58 am #666941

Loren N
Participant

This is very strange. I double checked all the code I’d put in to the different places. I.e. your code above into the child theme function.php and I double checked the facebook script I needed to enter where you have specified and then I double checked the actual plugin code was correct in the widget area on the sidebar.

All was correct. I’ve refreshed and it seems to be showing correctly on the front end on both desktop and mobile,… for now. Not sure what was going on. I’ll keep an eye on it.

Thanks,
Loren

November 16, 2015 at 9:37 am #666992

Thai
Moderator

Hi Loren,

In this case, 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:

– Link login to your site
– WordPress Admin username / Password
– FTP Account

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

Thanks.

November 16, 2015 at 2:51 pm #667444

Loren N
Participant

This reply has been marked as private.

November 16, 2015 at 11:25 pm #667856

Paul R
Moderator

Hi Loren,

Can you provide us the entire code from facebook.

Also I tried to check your facebook page but it’s not accessible.

http://screencast.com/t/IVOJcclkZe

Please make your page public and see if that fixes the issue.

Thanks

November 17, 2015 at 5:43 am #668185

Loren N
Participant

Its definitely a public page. It seems the problem is intermittent. Its working again now.

November 17, 2015 at 5:56 am #668199

Christopher
Moderator

Hi there,

I’m another member of support staff.
Upon checking your site I confirm that the widget isn’t on desktop and mobile devices.

Provided FTP credentials are not working.

I recommend you to check and make sure you put your code in right place. Also please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Hope that helps.
Author

Posts