> ## Documentation Index
> Fetch the complete documentation index at: https://moengage-user-guide.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Hide an element

**To hide an element,**

* Click on the element you want to hide on your web page
* Select **Hide element**. This will navigate you to the HTML code window of that particular element, where you can edit it in HTML.

When you hide an element on your web page, the element continues to remain in the DOM in its place with its visibility updated.

<img src="https://mintcdn.com/moengage-user-guide/WA-fV4MiMUp8JqUv/images/moengage_3f2a87.png?s=13329f3c8b68a223fcb193de03226fa1" alt="hide unhide.gif" width="2868" height="1164" data-path="images/moengage_3f2a87.png" />

Consider modifying the layout of your app's Recommendations section to use MoEngage's Product Grid. In such cases, you may wish to test the outcome by temporarily hiding the current layout and replacing it with MoEngage's Product grid before committing to the layout. This is where you can use the hide icon to hide any defined element in your application such as a section, text, image, or button.