I have Magento 2 store and I like the desktop theme but I do not like the mobile look of my homepage. How can I edit the mobile look of my homepage without altering the desktop version? At the moment if I alter the code both are changed. Is there any extension or method I can use to maybe create a separate mobile homepage and lead my customers there when they are on mobile devices?

3 Answers 3


you can create new theme by agent wise.

You can create new theme and call block using xml.

Hope it works for you

  • Any other way? I just need a mobile homepage. Is there anyways that I can just create a page and maybe redirect my homepage to the mobile version?
    – DevAnd
    Commented May 23, 2017 at 19:13
  • you can do something like you can find user agent of browser using php and make event for home page and rediect to home page to other page for mobile agent Commented May 24, 2017 at 5:52
  • how to detect : stackoverflow.com/questions/15228937/… Commented May 24, 2017 at 5:53
  • @SunilPatel, can you share some references about this. Commented Jul 8, 2021 at 8:05

use the design rules (ADMIN - content - design - configuration) to detect the mobile devices


You can do this by using widgets and call the page based on the theme that is loading, however you still need to have 2 different themes. But with this method you can simply extend the theme and use user agents to show a different style, instead of creating a new theme with modifications.

This is also more flexible and easier to update if need be, else you need to amend the theme.

See sample setup below.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.