Problems with SoundCloud player playlist cut off on phone/tablet devices

HTML & CSS
1

Hi guys,

My website has a SoundCloud player embedded with a the standard SoundCloud iFrame code.

However, when users are on Apple or some mobile devices, the bottom of the iFrame appears to be cut off - in particular, the playlist seems to be cut off so users can only hear the first track. You can see what I mean at the site here.

Is there anyway I can I can have the iFrame automatically adjust the height of itself to show all of the SoundCloud player?

Thank you very much for your help!

SM :smile:

2

Set the iframe to min-height:280px in the CSS - see if that helps.

1 Like
3

Could this be related ? Playlists are not supported on the ipad so I guess the iphone is similar.

1 Like
4

Thank you for the help guys, much appreciated.

I tried setting the iFrame min-height to 280px but unfortunately the playlist still got cut off.

I also tried adding a CSS rule so that if viewed on tablet or mobile the height would be different but it didn’t work unfortunately.

Is there anything else I could try do you think…?

Thanks again for all your help guys! :smile:

5

Hi guys!

Problem solved! I worked out, if I increased the height to 450px and it works!

Thank you for your help anyway, much appreciated! :smile:

6

Glad you got it working and with an easy solution :smile:

1 Like
7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.