Responsive Design

Responsive Design

Compatible XF 1.x versions
  1. 1.2
  2. 1.3
  3. 1.4
  4. 1.5
As the title suggests, this guide will hopefully explain what responsive design is, how to activate it and how to manipulate CSS.

What is Responsive Design and how do I activate it?
Responsive design is a setting which applies to each style individually and it dynamically changes the layout and design based on the browser width. This...
You do not have permission to view the full content of this resource. Log in or register now.
Related resources
First release
Last update
4.85 star(s) 13 ratings

More resources from Brogan

Latest reviews

I'm not sure why you wouldn't just include all responsive styling in the Style Properties tool. This method means we have to hunt out CSS elements, classes, IDs and so on and then bloat out our EXTRA.css
So you rate this guide low because of what you seem to be missing functionality in the core? Is it any wonder I no longer bother writing stuff like this.
Thanks. Needed tutorial. Since installing cometchat, I had some problems with not showing something when users use mobile to visit forum, but now, everything is ok. Thanks Brogan and wish you the best.
After hours of tweaking and searching, tweaking and searching, stumbled across this and it solved all of my problems.
Superb resource, bookmarked for future use.
Just what every webmaster needs, responsive tutorials. Great resource.
thanks alot about great tuts
I continually find myself looking back into this for various reasons. Appreciate this guide Brogan, without it I would be lost in the sauce.
Excellent guide. Brogan is a machine!
Nice guide ;)
How does he do it? Where does he find the time? Another great resource Bro. :D
Excellent write-up! I'm sure I'll have this all working in no time!