Image with text - one for mobile and one for desktop.

[John-pourable]

Hi 

I have a website where I'd like to have different layouts on the mobile version and the desktop version. 

One way I'd like to do it is to have 2 different image with text blocks on my homepage, and then have one only visible on mobile and the other only visible on desktop. 

Does anyone know the css code for this to input on the block itself?

Thanks

[PaulNewton]

Hi @John-pourable 👋 Always keep in mind not everyone has the same setup as you , you must make effort to always communicate context.

theme name, example store url, sample code etc etc etc

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/2254458 

A way to do this is using two sections for the different sizes and different CSS media queries.

The code for differing behaviors on desktop vs mobile varies wildly among themes.

Research the forums for hiding showing different sections in specific themes using CSS.

If this needs to be one section with different images and doesn't already have that feature then you need an advanced theme customizations.

If you need this customization setup then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.