How to hide content on mobile?

  1. Home
  2. Docs
  3. How to’s
  4. How to hide content on mobile?

How to hide content on mobile?

You can use responsive design options of any element (including rows and columns) to hide an element on different devices.

To hide an element:

  1. Open element edit window
  2. Scroll down to Design Options
  3. Select "Custom" under Device type
  4. Select device where you want to hide the element
  5. Set "Show on device" toggle to OFF

Hide element on mobile with responsive design options

In addition, you can hide whole columns on specific devices with the responsive row layout.

To hide columns on different devices:

  1. Open row edit window
  2. Enable "Custom responsiveness settings" toggle
  3. Change the value of columns you want to hide to "hide"

Responsive row layout in Visual Composer

Was this article helpful to you? No Yes

How can we help?