Need to create a separate mobile homepage. Does anyone know how?

Question

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?

Answer 1

you can create new theme by agent wise.

You can create new theme and call block using xml.

Hope it works for you

Answer 2

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

Answer 3

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.