How to display a different content for desktop and mobile

Magento 2 Frontend Design
1

Hello, I want to display the content for desktop and mobile each is different so when the user enters the site from a mobile it shows him the mobile version and when he enters from a Desktop it shows him the desktop version

Desktop version

https://codepen.io/Alnaggar/pen/bPOwbb

Mobile version

https://codepen.io/Alnaggar/pen/ydGJdO

Can anyone help me how to manage to do that in Magento 2?

2

Hi @Saleh_Alnaggar, displaying different content to different viewports falls under Web Development skills rather than Magento. I think the simplest method is using CSS. There are probably better methods, but I don’t know what those are.

Unless you’re saying that you already know how to do this, but you want to learn how to implement those skills within a Magento Theme? If that is the case, then you’ll need to learn and understand the basic fundamentals of Magento 2 Frontend Development in order to move forward.

References: