How to Optimize Magento 1.9 Design for Mobile Devices

Aug 1, 2014314Denis Guriyanov
How to Optimize Magento 1.9 Design for Mobile Devices

The recent Mаgentо 1.9 release included a new theme, which, unlike the old one, ideally suits both desktop and mobile devices.  The theme also includes such popular modules as Interactive Slider and Ajax Cart –  they have also been optimized for mobile devices, which makes your store available for a large number of users under any device.

homepage_desktop

 

homepage_phone

 

homepage_tablet

Here is a sample of the code, which turns page header into grey color on mobile devices (which screen width is 400px max):

This way you can optimize your design for any device.  Here are examples of how this can be used for Iphone and Ipad:

Partner With Us Let's discuss how to grow your business. Get a Free Quote.
Talk to Vlad


Partner With Us Looking for a partner that will help you to grow your business? We are the right company to develop your webstore. Feel free to get in touch with us. We will be happy to discuss your business opportunities and provide you with a Free Quote. Talk to Vlad

Post a new comment

top
BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *