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

[Responsive] Move sidebar to top instead of bottom

Discussion in 'Styling and Customization Questions' started by Marcus, Oct 24, 2013.

  1. Marcus

    Marcus Well-Known Member

    How can I move the sidebar to top of forum_list instead of bottom when it the sides width is reduced, and being displayed at the left once there is enough width again?
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    You want your side bar to be above your forums in responsive? Personally, I don't see the benefit of that and it may decrease your conversion and usage. However, you can modify .sidebar at the necessary responsive widths (see @Brogan's guide for the code if you need it).
  3. Marcus

    Marcus Well-Known Member

    <div id="first"></div>
    <div id="second"></div>

    Is there even a way to display the second element before the first on a css level?
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    The easiest would be to jQuery move the elements in the DOM. I don't know of a purely CSS solution that is elegant.
    Marcus likes this.

Share This Page