How To Hide/Unhide Elements On Different Devices Print

  • Elementor
  • 17

Most elements of your website are automatically device-responsive, but you also have control over each element`s visibility, i.e you can choose to make certain elements appear or not appear on certain devices.

You can choose to Show Hide a section or element (image, text, icon etc) according to the device.

 

  1. Click on the element that you would like to hide
  2. Go to that element`s Advanced section
  3. Scroll down to Responsive
  4. Set your visibility preferences, choosing from Hide on Desktop, Hide on Tablet, or Hide on Mobile as shown below:

 

 

Note:

When hiding an element, and switching to the view it’s hidden on, you will see that this element is “muted” (greyed out)

This gives you a clear indication that this element will be hidden on the live site but still enables you to edit it as needed. 

You can edit that specific area in the responsive mode in which it is not hidden. For example, if the element is visible on mobile but hidden on desktop and tablet, you will be able to edit the element in the mobile view.


Was this answer helpful?

« Back