Spotify Block Responsiveness Issues
-
Hey there! Recently made the switch to Gutenberg for a new site after being on classic editor for years. For this particular site the use of blocks really appealed to me, especially spotify embeds (music site
Unfortunately I’m running into an issue that seems to hinge on the responsiveness of the Spotify block. For playlists, they show the entire playlist in a scroll on desktop, tablet, and mobile landscape mode. But mobile portrait mode only shows the play button and album art without the playlist beneath it.
However, if I use the Custom HTML block and embed the code from Spotify, it shows up as the list in all modes. Since this is being used as a concert setlist reference I do prefer the song list to show up in all orientations. I’ve gone with this solution as of now but would like to utilize the native blocks.
Examples found here: https://drive.google.com/drive/folders/1MVHbFBXkinJmyOlIUTrnaCBil6LONRRV?usp=sharing
Any ideas?
-
Quick Update
It looks like this is not something that can be handled on Gutenberg’s end because this is a Spotify embed issue it seems. The playlist will stop showing items on certain screens, so using the Custom HTML block is a good workaround for now.
I will close this issue for now ??
- The topic ‘Spotify Block Responsiveness Issues’ is closed to new replies.
