O'Reilly logo

Learning Magento Theme Development 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 7. Magento Theming for Mobile and Tablet Devices

So far, your new Magento theme has focused on building a custom design for your store for devices with larger screens, such as desktop computers and laptops. In this chapter, you will start customizing your Magento theme for devices with different screen sizes, such as smartphones and tablet computers. We will cover the following topics:

  • Using CSS media queries to create breakpoints for different device widths
  • Making images responsive for your Magento theme
  • Developing responsive navigation for your Magento theme
  • Adding mobile homepage icons for Windows and Apple devices to your Magento theme

Using CSS media queries to create breakpoints for different device widths

One of the ways in which you ...

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