With the increase in the usage of mobile devices like smartphones and tablets, it is very important that your WordPress based site loads properly in all these mobile devices. You may feel the need for a dedicated mobile theme for different mobile devices. Of course you can use a responsive WordPress theme which is a superb solution that automatically scales your website to fit on various screen resolutions. But what if you want to load a specific CSS style for a particular smartphone like iPhone, Android or any other tablet?
That’s where a WordPress plugin named as Mobile CSS can help you to define different CSS rules to apply to that specific device that you are interested to target. This theme can help you to show different CSS for 18 different tablet options and 13 different phone options.
Once you install and activate the plugin, you can see a new section to apply different CSS rules. To get started, go to CSS Rules > Create New.
From here, you can create multiple CSS rules to apply for your selected devices. Firstly, enter the title, CSS rule and then from below select device type and phone type. From the device type, you need to select from phone only or tablet only. When you select one option, then from the type, you can select the device for example, iPhone, Blackberry, etc. From the phone type, you can also select “All” to select all the devices.
Overall it can be said that this is a nice plugin to define different CSS rules for specific mobile devices like phones or tablets.