I am trying to separate out my homepage layout for the mobile version and desktop version. The main reason being is that for desktop the images are horizontal while on mobile the images are better presented when they are vertical. I have two sets (mobile and desktop) of banners/images with different pixels prepared.
I am currently using DEBUT theme, and having difficulties separating out the layout for mobile and desktop.
https://cleanara.store/ this is the link to my store (only mobile view now).
Could someone please teach me how I could configure this (either by coding or in the setting) so that my website can display desktop layout if someone uses PC and mobile layout if someone uses mobile/tablet?
If mobile / tablet device, then show image A, B and C
If PC device, then show image X, Y, and Z.
Hi, this would be quite a lot of work to describe here in detail, so I will give you a summary and then you can research each step:
If you struggle with this at Peanut Butter we can help you accomplish this. Write to email@example.com and we can give you a quick estimate for the work.
@kheum1105 did you check my suggested solution and were you able to implement it? So you need further help with this?