# How to hide a widget on mobile

**URL:** https://community.elfsight.com/t/how-to-hide-a-widget-on-mobile/121685
**Category:** Pro Tips
**Created:** [May 20, 2025, 8:15am UTC](https://community.elfsight.com/t/how-to-hide-a-widget-on-mobile/121685 "2025-05-20T08:15:50Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [May 20, 2025, 8:15am UTC](https://community.elfsight.com/t/how-to-hide-a-widget-on-mobile/121685/1 "2025-05-20T08:15:50Z")

</div>

Want to hide the widget on mobile devices? We’ve got a solution!

```auto
@media (max-width: 480px) {
	.global-styles,
	.elfsight-app-WIDGET_ID {
		display: none;
	}
}

```

  

Replace `WIDGET_ID` in the 3rd line of the code with the [ID of your widget](https://help.elfsight.com/article/1219-where-to-get-your-widget-id-in-new-dashboard) and add the resulted code to the Custom CSS field in your widget’s settings.

> **Note:** The code works for all apps 🙂