JOMSOCIAL FULL SCREEN - FULL SCREEN FOR JOMSOCIAL

citybuzzmag

Hello

Can anyone help me stretch Jomsocial's

full screen on desktop and mobile?

cssyeah

Hi @citybuzzmag,
To provide you with an accurate solution, please share the link to your website so we can review the layout structure of the Joomla template you are using.

Kind regards,

citybuzzmag

This message is visible to Moderators only

hidden content

citybuzzmag

This message is visible to Moderators only

hidden content

saguaros

citybuzzmag You can try one of following custom css rules:

/*Full screen for Videos page of Jomsocial only*/
.com_community.view-videos .container.t3-mainbody {
    width: 100%;
}

/*Full screen for all Jomsocial pages*/
.com_community .container.t3-mainbody {
    width: 100%;
}

/*Full screen for all pages*/
.container.t3-mainbody {
    width: 100%;
}

mikeymike

I have a development site using standard Cassiopeia template and have achieved this with just a little CSS. Happy to share the code if you are using Cassiopeia too.

https://dev.apostates.net/profile/52-temporary-user
https://dev.apostates.net/community

citybuzzmag

saguaros it works on desktop, how do I fix on mobile similar to how Instagram, or tiktop or Facebook fills the entire space.

citybuzzmag

saguaros The custom css didn't work.

citybuzzmag

saguaros

I added this custom css to remove the padding left/right on mobile:

@media (max-width: 576px){
  .com_community.view-videos .container.t3-mainbody {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
}

and it works.

Kindly check again.

citybuzzmag

saguaros i tried 100% , using android, it still isn't full width of screen. I tried the videos, events, etc.

citybuzzmag

saguaros

citybuzzmag

Jomsocial and adagency can do this

citybuzzmag

Help us. The infrastructure is there.

Im working on a module for jomsocial...would you all be willing to help out on this... ??