Reading list Switch to dark mode

    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