Hide column on desktop or laptop

[pettar2462]

Hello!

I was curious if it was possible to hide a column and it’s content on a desktop or laptop when the page is being viewed.

I know you can hide a column on mobile with some CSS, but would love to have a column hidden on desktop when users view the page, so they can see different content on mobile. I haven’t seen anything on the forums about this, and was wondering if it is even possible. And if it’s not, what would be the best way to do something like this? (having different content load on the mobile page)

Thanks!
Tara

[pettar2462]

NM!

I found what I was looking for. You place one of these codes into the class area if you are using visual composer.

With Visual Composer, there is no “Hide During Breakpoint” option. What you can do is to add a custom class for the content bands or containers that you would like to hide in the different screen sizes. You use this custom classes:
• x-hide-xl - to hide the container in extra large screens
• x-hide-lg - to hide the container in large or desktop screens
• x-hide-md - to hide the container in medium or tablet screens
• x-hide-sm - to hide the container in phone or small screens
• x-hide-xs - to hide the container in extra small screens