Show on MOBILE/PC only

It is very necessary to allow choosing where it will be displayed. I have a big problem with the visibility of the website because of the widget. I’ll probably have to remove it completely if I can’t find a solution.

We need an option to choose whether we want it to be displayed on the MOBILE, on the PC, or on both.

1 Like

Hi @user3807 :wave:

I am so sorry for the delay in reply!

I agree that it would be really useful to have such an option in the configurator. We’ll try to consider such an opportunity in our future updates :slightly_smiling_face:

As for now, I’ve forwarded your request to our devs and, hopefully, they’ll come up with the CSS codes for your use case. I’ll keep you updated here!

Thank you for waiting!

You can use this CSS code to display the widget only on mobile:

@media (min-width: 500px) {
  .global-styles, [class^="FloatingBar__Container-sc-1fo68lb"] {
      display: none;
  }
  .global-styles, [class^="Playlist__Component-sc-"] {
    display: none;
  }
}

Only on desktop:

@media (max-width: 500px) {
  .global-styles, [class^="FloatingBar__Container-sc-1fo68lb"] {
      display: none;
  }
  .global-styles, [class^="Playlist__Component-sc-"] {
    display: none;
  }
}