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