Sessions page not responsive

[likewhoa]

Not sure if this is a Display Suite issue but looking at the html code, I see that these ds regions should be stacked on mobile but they are not and the current user sessions page looks odd even not being on mobile since text doesn't fill up available real estate after right side block.

[esod]

The sessions pages are responsive. A two column layout on a mobile device may not be standard, but everything is readable. Nothing looks broken. Having the metadata in the right column makes it easy to know the time, location, Session topics etc. for the session the user is viewing.

[likewhoa]

Sessions page are NOT responsive, if they were the columns would stack up on mobile but instead we get the below fugly layout.

I understand having the metadata on the right column for layouts that are wide enough but for those that can't fit both columns it's just plain ugly and an annoying UX. IMO The metadata should stack below the session content on mobile layouts.

[esod]

fugly maybe, but not broken ;)

[ForestMars]

Same thing to a designer.

What do we have to do to make this layout responsive?

[likewhoa]

@ForestMars make ds stack those columns. I hardly use ds tbh so until I get back into active development mode, I won't be able to take a look. Perhaps @esod can get this done before then.

From a UX perspective this layout is ugly as monday afternoons.