# Hide widget on desktop (embedded layout)

**URL:** <https://community.elfsight.com/t/hide-widget-on-desktop-embedded-layout/38110>\
**Category:** Button\
**Created:** [January 19, 2024, 6:28pm UTC](https://community.elfsight.com/t/hide-widget-on-desktop-embedded-layout/38110 "2024-01-19T18:28:34Z")\
**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:** [January 19, 2024, 6:28pm UTC](https://community.elfsight.com/t/hide-widget-on-desktop-embedded-layout/38110/1 "2024-01-19T18:28:34Z")

</div>

Add this code to the Custom CSS field on the Design tab of your [Button](https://elfsight.com/button-widget/) widget’s settings:

**For Embed:**

```auto
@media (min-width: 481px) {
[class*='ButtonContent__Container-sc'] {
display: none;
}
}

```

**For Floating:**

```auto
@media (min-width: 450px) {
  .global-styles,
  .es-button-floating-button {
    display: none;
  }
}

```