1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Improve responsive layout

Discussion in 'XenForo Suggestions' started by tommydamic68, Jan 4, 2014.

  1. tommydamic68

    tommydamic68 Well-Known Member

    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.

    Alfa1, Jeremy P, Kevin and 5 others like this.
  2. Russ

    Russ Well-Known Member

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

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

    tommydamic68 Well-Known Member

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

    FredC Well-Known Member

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

    Russ Well-Known Member

    Sorry change Medium to Wide, should do the trick.
    wickedstangs likes this.
  6. tommydamic68

    tommydamic68 Well-Known Member

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

    Russ Well-Known Member

    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.
    tommydamic68 likes this.
  8. FredC

    FredC Well-Known Member

    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.
  9. tommydamic68

    tommydamic68 Well-Known Member

    Yeah - I think I will choose to show as little content down there as possible. Certain things look funny... :eek:
    FredC likes this.
  10. Brogan

    Brogan XenForo Moderator Staff Member

    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.
  11. Jay

    Jay Active Member

    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...
    Lone Wolf likes this.
  12. CRDeveloper

    CRDeveloper Member

    XenForo 1.3

    /* Responsive Wide Sidebar */
    @media (max-width: 800px) {
      .Responsive .sidebar { display: inline; }
    Alfa1, Lnqtm and semprot like this.
  13. Alfa1

    Alfa1 Well-Known Member

    How do we do the same for XFMG, XFRM?
  14. Alex - A2Hosting

    Alex - A2Hosting Active Member

    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.

Share This Page