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

Updated on August 7, 2018

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.

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

Did this answer your question?