Docs

[s_mocko]

Hi,

I am curious if there is a code or class that can be used to stop an image or element from being displayed on Mobile? I don’t like the way it gets stacked when responsive.

Unless you want to show me how to stack them the way I want.

site is eurekawellness.com.au

the pictures above the price columns will all stack first and not in order with the price column it belongs with. I think the picture add an added value to what is being offered.

Thanks

[Rue Nel]

Hello There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Please let us know how it goes.

[Lely]

Hi There,

Thanks for posting in. We do have HIDE BASED ON SCREEN WIDTH property. This is available on both SECTIONS and ROW. Click Section 9 and then the second ROW where these 3 images are located. Click the inspect element icon. Check attached screenshot. Then you will see option HIDE BASED ON SCREEN WIDTH. Select XS and SM to hide it on small screen. Then you may add another ROW. This time select XL, LG and MD to hide this row on large screens and display this for mobile screen only. Add the images, the way you want it for smaller screen.

Hope this help.

[Author]

Posts