# Hiding doesn"t work

**URL:** <https://community.elfsight.com/t/hiding-doesn-t-work/141821>\
**Category:** Customization\
**Tags:** website-translator\
**Created:** [November 28, 2025, 11:25am UTC](https://community.elfsight.com/t/hiding-doesn-t-work/141821 "2025-11-28T11:25:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thorsten](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/thorsten/32/508_2.png) [@Thorsten](https://community.elfsight.com/u/Thorsten)\
**Post date:** [November 28, 2025, 11:25am UTC](https://community.elfsight.com/t/hiding-doesn-t-work/141821/1 "2025-11-28T11:25:22Z")

</div>

Hello,

I want to hide the widget Website Translator for smartphones and have inserted the following code into Custom CSS:

```auto
@media (max-width: 480px) {

  .global-styles,
  .elfsight-app-526515d6-d1c5-45a5-bbc5-df4bc6f99da7 {
    display: none !important;
}
}

```

Unfortunately, the widget is still displayed to me.  
[Link to Website](https://webdesign-hannover-laatzen.de/)

What am I doing wrong?  
How can I solve this?

Thank you very much and best regards,

Thorsten  
[Werbeagentur Schulz-Design](https://www.schulzdesign.info/)

---

<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:** [November 28, 2025, 8:40pm UTC](https://community.elfsight.com/t/hiding-doesn-t-work/141821/2 "2025-11-28T20:40:47Z")

</div>

Hi @Thorsten

try this code

```auto
@media (max-width: 480px) {
   [class*="background__Container-sc"] {
    display: none !important;
  }
}

```