Back to Top

How to setup separate theme for mobile Magento2

Updated 27 July 2022

In this guide, we will learn how we can setup different themes for mobile devices.
Please follow the below steps to achieve the results:
1. Login to your admin, and navigate to Content -> Design -> Configuration.
2. Click on the edit of the first row(Global) or the store for which you would like to configure the theme.

DesignConfiguration

3. Click on “Add New User Agent Rule” in the Design Rule Section.

UserAgentRule


4. Add the below string or specify particular device name and then select your desired theme.

/iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini/

We hope it will help you. Thank you!!

If any issue or doubt please feel free to mention in comment section.

Start your headless eCommerce
now.
Find out More

We would be happy to help. Happy Coding!!

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home