Topic-icon Responsive modules?

Active Subscriptions:

None
13 years 3 months ago #31637 by jasperli
Responsive modules? was created by jasperli
Hello,

Just downloaded the component and i am enthousiastic.
I noticed that every module has solid width in px. Something what i would suggest for the future is that somehow the module width could become responsive so it adapts easily within the next generation of templates.

Jasper
The topic has been locked.
Support Specialist
13 years 1 month ago #32506 by alzander
Replied by alzander on topic Responsive modules?
Jasper,
I greatly, greatly apologize for missing this post. I'm not sure why it got lost, but I found it when searching for an answer to another related question we were just asked.

I hope it's not too late, but I'll answer regardless. Unfortunately, Facebook's widgets only take a px parameter. We'd love it if % values worked, but that's not what they work with. With that said, you can add some CSS to your template which can make a lot of the modules work. Unfortunately, it's a little different for each module and some of the CSS can conflict with the template styles itself. We're working to get a set of good styles together that should work and have them in an upcoming release of JFBConnect.

For reference, one of the most requested modules to support responsive is the Comments module. For that, if you add the below line to your CSS, that generally makes it work how you want:
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
Let us know if that helps, and again, I'm very sorry for the delay!

Thanks,
Alex
The topic has been locked.