Drupal Web Design 

Delaware Web Design & Drupal eCommerce Websites

Revised Tutorial Drupal 7 Adding Custom CSS for iPhone & Mobile Devices

Drupal 7 Adding Custom CSS for iPhones & Mobile Devices Tutorial - Revised

Revised Tutorial Drupal 7 Adding Custom CSS for iPhone & Mobile Devices

Drupal 7 and Drupal 6 tutorial on adding custom CSS files for mobile devices the Drupal way. Targeting iPhones, iPads and Galaxy phones with media queries and CSS for iPhones 4 through iPhone 6 Plus in both landscape and portrait views. It is best implemented on Drupal themes that are not 100% mobile friendly and or, you have created custom themes, regions within your theme or, added custom blocks that to not quite display as you would like them to on all mobile devices and in both portrait ans landscape modes.

 

Work flow:

  1. Creating a mobile.css file and css directory.
  2. Linking the mobile.css file to your themes .info file.
  3. Creating an ipad.css file.
  4. Linking the ipad.css file to your themes .info file.
  5. Editing CSS off site and saving edits to your production site.

 

Go to tutorial >