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 Well-Known 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 Well-Known 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