Hello,

I have a problem with the videos on mobile. They are not full size. Please tell how to fix it. Also I want to change the add button position. It is under the search bar on my site.

Hi, Vector.

Thank you for contacting us.
Issues that you mentioned are not an issues at all :) This is by your template design. In mobile view it displays a margin so content won't touch viewport edges... for better readability. It could be changed... but we can't help you with that as we don't support customizations especially if they apply to users template.

But I'd like to investigate video list issue as this is an issue and within our scope. Please, disable css compression in template so I could see it more clearly.

Hi Michał,

I don't know how to disable css compression in template. How can I do this?

HI, Vector.

You do that in Backend -> Extensions -> Templates -> ja-Social_II -> General -> CSS compression
I added this code to ROOT/templates/js_social_ii/css/custom.css

@media only screen and (min-width:320px) {
html #community-wrap .jomsocial .joms-list--video .joms-list__item {
width: 100%;
}
}

@media only screen and (min-width: 1024px)  {
html #community-wrap .jomsocial .joms-list--video .joms-list__item {
width: 33%;
}
}

Hi Michał,
It's working perfect now. Thanks a lot.