Create a responsive Drupal theme

Info files

The first step is to write an info file. This file stores all of the information that Drupal needs in order to know what your theme is and how to use it.

  • name = Responsive
  • description = An example of using Media Queries in Drupal7
  • core = 7.x
  • stylesheets[all][] = css/reset.css
  • stylesheets[all][] = css/main.css
  • stylesheets[(min-width: 480px)][] = css/480.css
  • stylesheets[(min-width: 768px)][] = css/768.css
  • stylesheets[(min-width: 1024px)][] = css/1024.css
  • stylesheets[(min-width: 1280px)][] = css/1280.css

Related Post

Latest Post

Recent Posts Widget

Make sure to never miss a thing...

Get the latest news from the creative industry along with other creative goodies, conveniently delivered to social media.