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

[jdj]

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.

 

[Shelley]

Brogan's guide will give you a good overview how it works and what you can do with responsive. http://xenforo.com/community/resources/responsive-design.2193/

Edit: unsure whether your able to view that as a non customer.

 

[Jeremy]

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.

 

[Chris D]

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.

 

[Liam W]

Resize your window

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

Liam

 

[jdj]

Brogan's guide will give you a good overview how it works and what you can do with responsive. http://xenforo.com/community/resources/responsive-design.2193/

Edit: unsure whether your able to view that as a non customer.

I tried and the answer is that I can't.

 

[Chris D]

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]

I tried and the answer is that I can't.

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/