sorry, I still do not understand how to change a "fixed width style" in becoming "responsive".
This is the setting I had with XF 1.1.4
Could you please let me know what I need to change in order to turn my fixed-width-style into "responsive" ?
I am actually using the default XF-style, I have just altered a few colors and some CSS in extra.css for some style-elements.
Responsive can apply to any style that responds based on the size of the window it is being rendered in. (There's more to it than that, but that's the basic premise).
When a style is responsive, some of the "responses" it can have to things like a window being resized, or loading on a smaller screen would be to hide elements, make elements smaller, make elements bigger. Change the width of elements so they are percentage based rather than fixed etc.
So effectively a responsive design can alter a fixed width style to be fluid -- and vice versa, I guess.
The width of the page is controlled with this property. Use this to switch between liquid and fixed layouts. To support responsive design, a fixed width value should not be used here; instead, a max-width value should be applied.
In the configuration demonstrated above... max = maximum.
So we're saying the absolute maximum the width of the page can be is 992px;
That means if the screen is less than 992px then it will shrink down. Then responsive design does even more things, as I explained, such as turning the width to 100% (making it fluid) or moving elements or hiding elements.