> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Hide Components/Elements on Different Devices

# 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. ⤵️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_beabyb.png)    
    



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-09-03-at-10_q2frmp.gif)




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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_64vewm.png)
    
    

- **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.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1a4ya70.png)




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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_zq3m8w.png)

---


# 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.

${youtube}[This video will show you how to Hide Components/Elements on Different Devices and make it work on your Dorik website ](axF9Y_pVVP0)


---


# Related articles

[Responsive Settings](/en/article/responsive-settings-xwzrzr/)

[Responsive Column Stacking](/en/article/responsive-column-stacking-14xtatc/)