Lost responsiveness with facebook modules
-
-
- wildmorgan
- Elite Rocketeer
- Posts: 670
- Thanks: 4
-
Hi, I'm not sure when this has occured? But seems to be fairly recent after a joomla update, unsure from which version to which, but the problem is widespread accross any of the templates where I have a formerly responsive facebook module installed. They where working and have all ceased to be responsive? Not sure what's going on, but here's a link to one of my sites that has 2 instances of the ITPFacebookLikeBox module installed. I have tried every other available responsive facebook module and they all have the same problem, I have tried on different RT templates and the problem is still occuring.
Any ideas please? Where do I start? It doesn't seem to be specific to the ITPFacebookLikeBox module, as I have tried others that are supposed to be responsive and I have the same problem.
Instance one is here: ashbyboardingkennels.com/
instance 2 is here: ashbyboardingkennels.com/about-us
I've tested in firefox and chrome
Any help greatly appreciated.
Thanks,
Scott
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I think that's more to do with what you are using... Look at my screenshot.
There is some inline CSS from that module that is adding a min-width of 450px - that is the issue - if you remove that it is responsive.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- wildmorgan
- Elite Rocketeer
- Posts: 670
- Thanks: 4
-
Hi Mark,
Yes I have tried removing the width within the module settings and even tried to add 100% for the width and I still have the problem. How do I bypass the modules settings? Within the modules settings you have the option of entering a minimum width and if you select 'responsive' then the module is telling me that it will make the facebook box responsive. See attached screenshots.In the first one, I've left the width blank and the module substitutes this with 250 pixels as a default width. What I was able to do previously was to enter 450 pixels, which filled the width of my sidebar module on large screen and when the screen was resized the module used to scale respectively. It's no longer doing this for some reason?
I can create admin account for you if you are able to take a look?
Thanks,
Scott - Last Edit: 9 years 10 months ago by wildmorgan.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Why can't you enter "100%" then it will scale - does that plugin not permit that? If does prevent that then it's not a plugin that is deigned for use on a responsive template and you should ask the developer about it.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- wildmorgan
- Elite Rocketeer
- Posts: 670
- Thanks: 4
-
Hi Mark,
Yeah, if you put 100% in it reverts to 250pixels, iot was working before with 450pixels, filled the width of the module and then scaled down. I have used this module on a few sites and it worked fine up until only a couple of months back, so I've no idea why its stopped working. There is a button to select if you want the module to be responsive or not, it was designed to be responsive, but now it isn't, on any of my sites? I have tried other modules that also claim to be responsive and they don't work either? The only thing I could think of is that something happened during one of the joomla updates? Was hoping someone may have had some ideas. I'll contact the developer, thanks for taking a look.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I think this is the extensions and not joomla or RT. If you set anything to fixed pixel dimensions (this includes min-width) then that's what you will get (i.e. it's not responsive).
Please let us know the outcome of your conversation with the developer.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- wildmorgan
- Elite Rocketeer
- Posts: 670
- Thanks: 4
-
Hi Mark, I've had a go at creating a custom module and pasting the code into it, see code below and let me know where I can tweak it to get it to be responsive, if possible? I've replaced width with 100%, but this is being ignored, here's the code inside my custom module:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href=" www.facebook.com/pages/Ashby-Lodge-Board...606296269266?fref=ts " data-width="100%" data-height="200" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite=" www.facebook.com/pages/Ashby-Lodge-Board...606296269266?fref=ts "><a href=" www.facebook.com/pages/Ashby-Lodge-Board...606296269266?fref=ts ">Ashby Lodge Boarding Kennels</a></blockquote></div></div>
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You're not going to fix this with custom CSS. The CSS that would need to be changed is inside the iframe and you cannot affect the CSS within an iframe from your website. Perhaps it's Facebook that have changed something. Either way it's best to ask the developer of the plugin to sort this out for you.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- wildmorgan
- Elite Rocketeer
- Posts: 670
- Thanks: 4
- OK, thanks Mark, I will try and contact dev. Do you know of any facebook modules that are truly responsive? I've looked around and tried many, but can't find one that actually works. I'm willing to pay for something that just works, some are described as responsive, but are not.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Not off hand, no. I stress again this might actually be facebook issue, since all those extensions will be using the facebook API.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.063 seconds