Docs

[Zeshan]

Hi Nenad,

This is a default way of how visibility feature works. When you hide a column on mobiles, it’s hidden by CSS display: none property. If you want to show another column on mobiles in place of the current one, you can simply add another column and set it to be hidden on desktops and visible on mobiles.

Thank you!

[nenadn]

Hi,

I figure it out.. not sure it this is the right way, please point me if you have another solution.

i have done this for the row i want to hide on mobile:

@media only screen and (max-width: 600px) {
.mobile_row_hide {
display: none;
}
}

and for the content i want to show on mobile I used “hide on device” (for large screen) check-box in responsive settings.

could you point me how to hide row on large screen with custom code?

thanks…

[Paul R]

Hi,

You can use these classes.

x-hide-xl – Extra Large | 1200px & Up
x-hide-lg – Large | 980px – 1199px
x-hide-md – Medium | 768px – 979px
x-hide-sm – Small | 481px – 767px
x-hide-xs – Extra Small | 480px & Smaller

You can add x-hide-lg in the class field of your row to make it hidden on large screens.

Hope that helps.

[nenadn]

Thanks..

[Paul R]

You’re welcome! 🙂

[Author]

Posts