# Hide slider on mobile

**URL:** https://community.elfsight.com/t/hide-slider-on-mobile/121520
**Category:** Customization
**Tags:** slider
**Created:** [May 19, 2025, 12:08pm UTC](https://community.elfsight.com/t/hide-slider-on-mobile/121520 "2025-05-19T12:08:12Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![B.S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/b.s/32/72492_2.png) [@B.S](https://community.elfsight.com/u/B.S)
#### Post date: [May 19, 2025, 12:08pm UTC](https://community.elfsight.com/t/hide-slider-on-mobile/121520/1 "2025-05-19T12:08:12Z")

</div>

Hi,

how can I hide my slider on mobile?

THanks and BR

---

<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 19, 2025, 3:12pm UTC](https://community.elfsight.com/t/hide-slider-on-mobile/121520/3 "2025-05-19T15:12:44Z")

</div>

Hi there, @B.S 👋

Here is the code to hide the widget on mobile:

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

```

  

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

---

<div class="post-metadata">

### Author: ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)
#### Post date: [May 19, 2025, 5:28pm UTC](https://community.elfsight.com/t/hide-slider-on-mobile/121520/4 "2025-05-19T17:28:18Z")

</div>

@Max awesome code but the question would also be “Hide Widget on mobile”. 😊

It would be nice if it found a place in the CSS code section.

---

<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:09am UTC](https://community.elfsight.com/t/hide-slider-on-mobile/121520/5 "2025-05-20T08:09:14Z")

</div>

Hey there, @Sina 👋

This code should for all widgets, not just the Slider 🙂

I agree that it would be awesome to add this code to the CSS Codes section, but since its categories are app-specific and this code works for all apps, I’ve added it to the Pro Tips category - [How to hide a widget on mobile](https://community.elfsight.com/t/how-to-hide-a-widget-on-mobile/121685)