Getting Started

In Dorik AI, you can easily control the visibility of any section, container, or element on different devices such as desktops, tablets, and mobiles. This article will feature the steps required to hide any elements on different devices. Follow the steps accordingly to proceed.

Steps to Hide Sections, Containers, or Elements

To hide any component on Mobile, Tab, or Desktop from your builder, refer to the given steps below:


- Navigate to the Desired Section, Container, or Element: Locate the section, container, or element on your site that you wish to hide.


╰┈➤ In this article, for example, we will hide the container pointed out in the screenshot below, specifically for the Tablet device. ⤵️






- Enter Edit Mode: Click on the element or Edit Container option to reveal the editing options.






- Access Advanced Settings: Within the edit menu, go to the Advanced tab to find more detailed options.





- Adjust Visibility:
- Expand the Visibility and Position section to reveal device-specific settings.
- Under the Hide On setting, select the devices (Desktop, Tablet, Mobile) on which you want to hide the element.







- Publish Your Changes: Once you’ve configured the visibility settings, click Publish to apply the changes to your live site.

VIDEO TUTORIAL

How to hide Components/Elements on Different Devices on your website using Dorik Website Builder. Please check following video to know about this.

Related articles

Responsive Settings

Responsive Column Stacking

Updated on: 03/09/2024