Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Mobile Template width effected by JFBConnect -Solved

Topic-icon Mobile Template width effected by JFBConnect -Solved

Active Subscriptions:

None
6 years 11 months ago - 6 years 11 months ago #61893 by piersol
Im being penalized for mobile view being too wide. Template maker says its the facebook on articles fault.

I use JFBconnect for all facebook integrations. I asked my template maker about the issue and his response was:

Hello the issue is the facebook on the articles. I would suggest getting rid of that and perhaps just use this

www.ellison.rocks/sharer.js/

We have incorporated that js into our new framework :)


Any idea what he is referring to? www.selfservicespa.com/float-room-indianapolis-fishers I am using android device. Doesnt seem to happen on Apple device

UPDATE: i have changed the comment width to be 500 and tried at 100% and it didnt decrease the layout width. because its only on mobile view im having a hard time troubleshooting it.
Last edit: 6 years 11 months ago by piersol.
The topic has been locked.
Active Subscriptions:

None
6 years 11 months ago #61894 by piersol
If the jfbconnect content plugin is active, the menu icons at my top go beyond the screen and visitors have to move screen to see. Google is telling me im being penalized because of this. If i unpublish the plugin, this is fixed. Below are screenshots of how it looks when plugin is active. And when i scroll out with plugin active.

File Attachment:


File Attachment:
The topic has been locked.
Support Specialist
6 years 11 months ago #61896 by mel
Using the Developer Tools in my Chrome browser I can see the issue with the menu not showing. If I inspect the fb elements and make the width much smaller like 300px, it shows for me. So I attempted to hide the overflow from the parent div (without having to muck around with any of the width for the facebook elements) and set the width on that div. The menu began to show correctly for me.

For example, I used:
.sourcecoast.facebook.like.jfbclike {
overflow: hidden;
width: 100%;
}

Could you try this style out and test on different page widths (mobile, normal web browser, etc) and see if it helps?

-Melissa
The topic has been locked.
Active Subscriptions:

None
6 years 11 months ago #61899 by piersol
You got it!!! Wow. Thank you.
The topic has been locked.
Support Specialist
6 years 11 months ago #61900 by mel
Glad I could help. Let us know if you run into any other strange behavior.

-Melissa
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Mobile Template width effected by JFBConnect -Solved
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS