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

What responsive design features does Xenforo have and how do they work?

Discussion in 'XenForo Pre-Sales Questions' started by jdj, Aug 29, 2013.

  1. jdj

    jdj Member

    I'm interested to know what responsive design features Xenforo has. By this I mean features that allow xenforo to be automatically viewed on a PC, mobile or tablet without users having to be diverted to a separate mobile site for mobiles or tablets.
  2. Shelley

    Shelley Well-Known Member

    Chris D likes this.
  3. Jeremy

    Jeremy Well-Known Member

    As long as you have enabled the responsive setting for your style and its set up correctly, yes, that is what responsive design means. If you'd like to see it in action, resize your browser and watch how the style changes and smaller widths.
    jdj and Chris D like this.
  4. Chris D

    Chris D XenForo Developer Staff Member

    Best thing to do is resize your internet browser. You can clearly see the responsive design take effect.

    The basic premise is a lot of elements are now maximum width instead of fixed width or use percentages. Then on top of that you have media queries that can remove, move, resize and do many other fancy things based on the view width of the browser.

    There's also a lot of javascript stuff in there too.

    But the bulk of it is bog standard CSS.
    jdj likes this.
  5. Liam W

    Liam W Well-Known Member

    Resize your window :)

    The entire style is fully responsive, same URL, same style. It just changes size :)

    jdj likes this.
  6. jdj

    jdj Member

  7. Chris D

    Chris D XenForo Developer Staff Member

    It's a good guide, but it's not too important right now.

    Just resize your browser window, that's how XenForo handles different sized screens :)
    Shelley likes this.
  8. Shelley

    Shelley Well-Known Member

    Your best bet is to do what the others advised in this thread or create a demo for a more thorough example for you to play around with. http://xenforo.com/demo/

Share This Page