# Hide Elements {% file src="" %} In this section, you can hide the unwanted elements(like footer) from the website which are not important to show in the mobile app. These settings won't affect your actual website. It will be applied only when your web page is being displayed in your mobile app.

## Hide elements from the Mobile App This will allow you to hide any webpage element dynamically from the page. **Example :** Here I want to remove the header portion from the mobile app. Shown in red box. Remember that it will be just removed from mobile app. The website will still look similar. ![](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FALYs5XlmD64TGfKzmkk1%2FScreen%20Shot%202022-08-02%20at%204.57.35%20PM.png?alt=media\&token=7c30cc41-c452-40a7-ac04-44d918bc5074) * **Element's identifier:** Here you need to enter the HTML tag selector that you want to remove from the web page. Let's take a look at an example of the following code snippet which is going to hide above red highlighted section. You need to search it by doing right click on the webpage and click on inspect element. ![](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FJe4Zsgar3TAO1qFDYEym%2Fimage.png?alt=media\&token=a5d54d1c-4571-4186-ad68-5de460318b76) ![](https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FharpwC4gbIhVgpfzJD3D%2Fimage.png?alt=media\&token=9d04c20f-a1b9-4dd1-a5b4-08d7f68f967f) ```

``` For example, you want to remove `

` tag from your web page only while its being displayed in your mobile app. You need to find out `class` or `id` property of that element. In our case, here we have class property available. So, we can use `body` as our element's identifier. So, all the elements with the `body` class name will be removed from the web page. Here, the associated class for the header is **vc\_custom\_1547458063113** which looks unique to the div. You can try to remove from inspect elements page too to see if it is really hiding it. Or you can always see it in out preview app. If you are using class property then enter `.body` or if using id property then enter `#body` in the Element's identifier field. So, make sure you append `.` at the start if using class and `#` in case of id property. Here I am giving it as below.

This is how you can remove some element from the web page. If you have any issue and need help then don't hesitate to contact our support. ### Example of elements

What you find in website inspect code	What you have to put in element identifier
<div class="wp-header">...</div>	.wp-header
<div id="wp-header">...</div>	#wp-header
<header>...</header>	header
<div class="any non unique element" data-block="section1_sub">...</div>	[data-block="section1_sub"]