When jomsocial home page opened in portrait (mobile) layout then groups, videos etc. side modules too narrow.

If screen resolution 768 x 1024 or 800 x 1280 these side blocks moved down after activities, but has still the same width as in side place.

And only screen width less then 768 get its wide.

How can I fix this behaviour?
I want these blocks be wide in 768 or 800 screen width.

Below two screenshots. First one the screen width is 768. Second one the screen width is less then 768.

Hi ,
I have checked the issue and fixed the issue.
Please have a look again.
Thanks

Sorry.
I didn't mean two columns layout at 768 or 800 pixel screen width.

One column layout it's fine. But blocks width was too narrow. All I wanted that these block has full screen width.

At screenshot narrow-blocks-1.png you can see that layout is one column. One column It's ok.
But side blocks (groups, events, etc.) too narrow. Its has no width to full browser width.

At screenshot narrow-blocks-2.png you can see the same one column layout again.
But side blocks has the right width now. Its wide.
But this good layout was turned on in only less then 768 screen width!

I wanted layout like at narrow-blocks-2.png but in resolutions 768 and 800 pixels width.

But you fixed another way - you made two column layout at 768 and 800 pixels width. It's not what I wanted.

Are you understand me?
Excuse my bad english :)

Hi
Though Jomosocial have by default two columns for the resoulution 768-899.
But we fix one column for you as you expected.
Hope you get your expected solution.

Here is the code

@media (max-width: 899px){
 #community-wrap [class*="span"], 
#community-wrap .uneditable-input[class*="span"], 
#community-wrap .row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#community-wrap [class*="span"], 
#community-wrap .uneditable-input[class*="span"], 
#community-wrap .row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#community-wrap img{
 min-width:100%
}
#community-wrap .js-stream-photos{
 max-width:100%!important;
}
}

Great!
Thank you!

Hi Alex,
If the case is solved then mark it "resolved".
It will help by many means.
Thanks

Is's starnge. I'm sure I marked it solved.
Ok. I do it again.

Sorry for inconvenience.