How to Display Something on Mobile and Hide it on Desktops?

Last Updated on

To display or hide elements or rows on specific devices, you need use the “Visibility for Devices” option in the WPBakery settings inside the row or an element.

Open Row settings and scroll down to “Visibility for Devices” option. Click on it and select “Visible on Netbooks“.

This setting means that when the browser width is smaller than 1024px, the row will be visible. On desktops where the browser width is lager than 1024px, the row will be hidden.

x
Note: Visibility Options just add CSS classes and all the elements actually load on the page, but they are not visible. So it doesn’t mean the elements will be removed on desktops, but hidden.

This option is also described in the article Configuring the Visibility for Devices.

Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket