Magento

Magento Enterprise Edition is an eCommerce solution for fast-growing and large businesses. Magento Community Edition is perfect if you're a developer or tech-savvy merchant that wants to explore the flexibility of the Magento platform.

Before you begin

We recommend backing up your site before making any changes or updates. That way you’ll have a copy of it to restore if necessary.

If you’re not sure how to backup your Magento ecommerce, follow the Magento documentation. If you find it difficult, seek support within the Magento support forums or browse for help in our own webmaster support community.

1. What Magento version themes am I using?

1.1. How can I check it?

To check your current Magento version, follow the instructions on Magento’s wiki. The latest releases should be listed under each product’s download page, as for example under Magento’s Community edition download page.

The theme used can be found in the Theme Editor (Admin panel> Design)

1.2. Update your version and theme if required.

Magento offers good documentation in its Magento upgrade guide.

1.3 Take the Mobile-Friendly Test

Test your URL in the Mobile-Friendly Test tool. If you get a mobile-friendly score, you’re done!

If the score isn’t mobile-friendly, consider changing theme and/or customizing the current one. We have compiled the following documentation to guide you through the process.

2. How can I make my Magento installation mobile-friendly?

2.1 I want to ensure my current theme is mobile-friendly.

Magento makes it easy to preview, customize and activate the mobile theme in its Admin panel settings (Admin panel> Design > Themes Editor > Preview). More details can be found on Magento’s “Adding a Mobile Theme” site.

Check if the theme or customization you are currently using is mobile-friendly.

If you don’t have a mobile device available, there are alternatives:

  • If you are using Google Chrome, there is a “mobile device emulation” feature in Chrome Developer Tools. These tools are found under the Chrome menu View > Developer > Developer Tools. Visit the Device Mode documentation to learn about the emulation feature.

  • If the theme has a Responsive design, a simple test is to narrow the desktop window to mobile device size. These types of themes aim to be viewable to any desktop and mobile browser by changing behavior depending on the size of the viewport (typically, this is the width of the browser). Note that this won’t work if your chosen theme changes depending on the user agent of the visiting browser, so you still may need a mobile device to be safe.

It’s also a good idea to check themes with our PageSpeed Insights tool. A high score with this tool is a good sign that your chosen theme will work well with mobile devices.

If your current theme isn’t mobile-friendly, look for another theme.

Magento offers a selection of free/paid themes. Themes that are mobile-friendly can be found under the “Mobile Themes” category.

  • Confirm your theme is mobile-friendly with the PageSpeed Insights tool.

2.2 I want to customize my current Magento installation to make it mobile-friendly.

This is more intermediate-to-advanced material, and requires advanced HTML and CSS knowledge. Magento offers an in-depth guide to Working with Magento themes.

3. Is my Magento site mobile-friendly now?

We hope your site is now mobile-friendly and ready to be served to your mobile audience. We invite you to use the Mobile-Friendly Test now to test it.

A positive mobile-friendly score on the Mobile-Friendly Test.

If the test results are not satisfactory or you have further questions, Magento offers great support and help documentation. We also welcome you on our international webmaster forums for additional guidance and support.

Send feedback about...