Fitting JomSocial

Hi there,

Love the template! When accessing the website from an iPhone, JomSocial is too big for the box and gets cut off on the side. Can I make it scale within the box? Or can I make it appear on top of the responsive panels? Thanks in advance!

Hi

To be honest I do not know, can I please see an exact page where you have jomsocial.

Hi there,

Love the template! When accessing the website from an iPhone, JomSocial is too big for the box and gets cut off on the side. Can I make it scale within the box? Or can I make it appear on top of the responsive panels? Thanks in advance!

Firstly, Jomsocial is not responsive in its own right however its possible to fit into the mainbody ok...See below:

Edit

Code: Select all

/YOUR-SITE/components/com_community/templates/default/css/style.layout.css


Find

Code: Select all

*/
#community-wrap {
   display: inline-block;
   width: 100%;
   text-align: left;
   min-height: 450px;
   min-width: 650px;
   margin: 0 0 30px;
   position: relative;
}



Change the min-width to the size you have set for the mainbody...(or make this less than this size)

Code: Select all

*/
#community-wrap {
   display: inline-block;
   width: 100%;
   text-align: left;
   min-height: 450px;
   min-width: 650px;  <<<<<<<<<<< Change this..
   margin: 0 0 30px;
   position: relative;
}



An alternative to this is find the item id for your Jomsocial installation (menu id). In the template admin settings under Layouts set a Content width rule and set the width to the nearest width of your Jomsocial..

Dave

Dave, thank you for your elaborate and helpful reply. Cheers

Dave, thank you for your elaborate and helpful reply. Cheers

No problem...

D

Hi

Wow. That's a very nice solution Thank You for posting that.

@ dave_logic

Most useful, thank you very much.

Hi

See? Someone benefits from this solution already