How to setup separate theme for mobile Magento2

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.

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.

We would be happy to help. Happy Coding!!

Radhika Garg

Source link