How to hide a row on specific device?

At times, you find some designs are not suiting well on few devices; e.g. mobile; or you may need a totally different design of a particular section when it’s viewed on smaller screens.

This can be achieved by creating totally different rows and designing elements in them differently – targeting particular screen sizes. Then – you can display only particular rows on only particular device with using any of the two ways explained as below –

  1. Apply CSS class to the rows + write some CSS with media queries that will display particular rows on only particular devices.
  2. Edit column & use Visual Composers “Width & Responsiveness” settings to hide particular columns on particular devices.
HZAK7_iFiU-3000x3000
Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Meet Astra! The fastest & fully customizable theme made for Page Builders. The best part? It's absolutely FREE!

for WPBakery Page Builder?

 

Looking for the Perfect Theme

Scroll to Top