How Can I Hide Something in a Page Only on Mobile Devices?

Last Updated on

To make some elements or rows hidden on mobile device only and make them visible on desktop and tablets, you need use the “Visibility for Devices” option in the WPBakery settings inside the row or an element.

Open the Row settings and scroll down to “Visibility for Devices” option. Click on it and select “Hidden on Phones“.

hidden on mobile

This means that when the browser width is smaller than 765px, the row will be hidden. On desktops and tablets where the browser width is larger than 765px, the row will be visible.

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