O'Reilly logo

Magento Responsive Theme Design by Richard Carter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 1. Beginning a Responsive Magento Theme

Every theme starts somewhere, and your responsive Magento theme is not any different. In this chapter you will cover:

  • Creating a basic Magento theme
  • Enabling your new theme in Magento
  • Adding media queries to your theme to establish breakpoints for different device widths
  • Styling static content pages in your Magento store
  • The various options available to you to provide navigation for both desktop and mobile/tablet users of your store

Creating your Magento theme

Before you can begin building your Magento theme, you will need to create the directory structure that Magento requires its themes to follow. To do this, you will need to create these directories in your Magento installation directory:

  • app/design/frontend/default/responsive ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required