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 Magento customer account pages responsively

Previously in this chapter, you applied a general style to form elements, so part of your work on the customer account pages is done already!

Setting the account login page template to a one-column layout

At present, your login a page for customers will look similar to the following screenshot:

Setting the account login page template to a one-column layout

You can make better use of the space here by adding some CSS within your desktop/larger screen media query. This ensures that pages with the one-column layout assigned to them display the main column of content, the full width of the screen, and can be done by adding the following CSS to your theme's styles.css ...

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