Stylesheet Rules for mobile devices

Robert Windisch edited this page Jul 25, 2015 · 1 revision

Deutsch / German

Clone this wiki locally

Xtreme One scored received in version 1.5.1 extensions for HTML element and sets new additional classes when whenever the site (page) is called by a mobile device:

The general mobile class was already introduced in version 1.5.0. New features have been added following additional possible classes that specify the type:

The specific types based classes may only be used separately, it is not technically possible, that same –iphone and –android occur simultaneously.

This way you can take now influence in the stylesheet theme.css and redesign the page and possibly adapt to mobile devices. In the example, the background turns red when a mobile device calls the page and yellow if it is an iPhone:

html.mobile body { background-color: red; }
html.mobile-iphone body { background-color: yellow; }