Skip to content

Mobile: Changes to soc.css

Rob Knight edited this page Jan 12, 2018 · 1 revision

The file soc.css adds rules to designate widths for content displayed on PHP pages. This method will not work for a responsive site. Rather than set discrete widths, we will let the main stylesheet rules for widths take precedence and horizontally scroll the content area of the PHP pages. This way, the content of the PHP pages will still be available at smaller screen sizes without breaking the overall layout of the page.

This is somewhat of a blunt method for making oversized elements "responsive". Basically, we're saying, "If this page element is too wide to fit this layout, set the element to scroll horizontally.

To implement this in production, simply replace soc.css in the WCMS with soc.css from this repository.

Responsive PHP tables demonstration