Handheld CSS only possible?
Posted 30 March 2012 - 01:21 PM
Posted 30 March 2012 - 02:18 PM
Posted 30 March 2012 - 02:22 PM
Posted 31 March 2012 - 12:09 AM
Posted 31 March 2012 - 09:34 PM
Posted 01 April 2012 - 01:03 PM
I will see if we can get this added to our documentation but...
Add browser specific classes to the main body tags for all major browsers and devices.
This plugin will add a custom body tag depending on what browser/device is viewing the page.
Normal body tag might look like this:
<body class="home blog logged-in admin-bar custom responsive pagelines posts full_width ">
With the plugin enabled and viewing in chrome it looks like this:
<body class="home blog logged-in admin-bar custom responsive pagelines posts full_width desktop chrome">
These added classes can be used for advanced css to target specific selectors per browser/device.
Full list of classes:
.handheld .mobile .desktop .ios .tablet .iphone .ipad .ipod .android .blackberry .opera-mobile .palm .symbian .windows-mobile .lg .motorola .nokia .samsung .samsung-galaxy-tab .sony-ericsson .nintendo .desktop .lynx .firefox .opera .safari .chrome .ie
If Internet explorer is detected the version will also be added like ie7.
Disclamer: This plugin does NOT add css and fix pages for specific browsers, it only adds body classes to help you.
Posted 10 July 2012 - 04:01 PM