Different home page for mobile

You could use a media query to apply different css to the home page elements.

@media screen and (max-width: 320px) {
/* your custom css here */
}

This may help you.
https://stackoverflow.com/questions/16165211/how-to-set-a-different-static-homepage-for-mobile-version-wordpress

Thanks for your response. I saw that, and it seems a little complicated and since the thread is almost 3 years old, I thought there might be an easier way by now. But if not, then I may pursue this.

This plugin will add the support https://www.ads-software.com/plugins/wp-mobile-detect/faq/

Then edit your front-page.php (or the template the theme is using for home page).

if (wpmd_is_phone()) {
//content for mobile
} else {
//content for anything else
}