Implemented Improve responsive layout

[tommydamic68]

Please improve the layout when in responsive mode - vertical. The blocks below the forums need to be widened to match the rest of the site.

 

[Russ]

While I understand it's a suggestion, you can easily add it yourself via extra

@media (max-width:@maxResponsiveMediumWidth)
{
.Responsive .sidebar { width: 100%; }
}

 

[tommydamic68]

While I understand it's a suggestion, you can easily add it yourself via extra

@media (max-width:@maxResponsiveMediumWidth)
{
.Responsive .sidebar { width: 100%; }
}

Thanks for trying @Russ - unfortunately did not work...

 

[FredC]

It would also be nice to see the "Join" button relocated below the navigation bar.

 

[Russ]

Thanks for trying @Russ - unfortunately did not work...

Sorry change Medium to Wide, should do the trick.

 

[tommydamic68]

Sorry change Medium to Wide, should do the trick.

That did the trick, thanks @Russ! -New request -make it prettier...

 

[Russ]

That did the trick, thanks @Russ! -New request -make it prettier...

Haha I think that's why they kept it thin as it can look a little awkward depending on how much content your sidebar has in it.

 

[FredC]

Sorry change Medium to Wide, should do the trick.

Looks much better then default as far as I'm concerned.. I'll be adding this myself as soon as I log into my notebook... My sidebar is a bit more convoluted so I'm hoping it looks as good.

 

[tommydamic68]

Yeah - I think I will choose to show as little content down there as possible. Certain things look funny...

 

[Paul B]

Widening the sidebar would break a lot of my custom content so it gets a no thanks from me.

The sidebar width should remain fixed.

 

[Jay]

I think instead of widening each block to match the width of the page, they should be presented in rows and columns so as to not waste as much space as possible. Much easier said than done though...

 

[CRDeveloper]

XenForo 1.3

/* Responsive Wide Sidebar */

@media (max-width: 800px) {
  .Responsive .sidebar { display: inline; }
}

 

[Alpha1]

How do we do the same for XFMG, XFRM?

 

[HostDash]

I think instead of widening each block to match the width of the page, they should be presented in rows and columns so as to not waste as much space as possible. Much easier said than done though...

I was just thinking that. Best of both worlds, keeps the sizing for the most part but prevents things looking odd and also saves on scrolling. Win-win for everybody.

 

[Chris D]

The new style in XF 2.0 does make better use of horizontal space in narrow to medium displays to the point where you almost get a grid of blocks rather than just a very narrow column.