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

Styling e-commerce navigation responsively in Magento

Navigation is one of the core features of any e-commerce website. If customers can't find products, they can't buy them! With the wide array of screen widths and browser capabilities to consider, this makes responsive navigation a challenge. There are two options this chapter considers:

  • Simple navigation: It simply jumps the customer to the footer of the website that contains all of the key categories and pages they'll need
  • Advanced navigation: It restyles the navigation for smaller devices to make items easier to select, and maintain Magento's dropdown styling for desktop users

Before you attempt any of these, ensure that your Magento store has some categories to navigate to in place. Do this ...

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