Show on MOBILE/PC only

Wishlist Audio Player
1

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
2

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!

3

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;
  }
}