How to hide a section on mobile / tablet - only display on Desktop

Hi all

Please can some one help? I am trying to show this image only on desktop and use different images for Mobile/Tablet. I need to hide the image from Mobile/Tablet and then upload a new image and hide that from Desktop so 2 different images show on Mob/desktop.

Please see screenshot of the image I am referring to.

Preview link: https://www.fluxundies.com/?_ab=0&_fd=0&_sc=1

Thanks,

Paige

I have figured out how to hide it on mobile! Now i just need help adding a new section that doesn’t display on Desktop! Only shows on Mobile / Tablet?

Hi @pkf92 ,

  • You can try to use 2 sections has class like this

So you can use this style like this:

@media screen and (min-width: 1024px) {

.section—mobile {

display: none;

}

}

@media screen and (max-width: 1023px) {

.section—desktop {

display: none;

}

}

Hope this helps!

Which section exactly would you like to show/hide? I’d need to see it live (or know its CSS selector) to provide further assistance. Currently the screenshot you’ve presented is not visible on the website.