Hello
I’m building my music website and added a few embed codes such as Facebook Like button, Facebook Share button, Spotify Follow button, and lastly an embedded Bandcamp Player.
I’ve added some scroll interactions.
I’ve been experiencing weird behavior where the embedded buttons disappear when scrolled. I created a scroll interaction for its position and opacity.
It worked well but then started to behave like this -
The Facebook like button (and it’s title) is being cut when scrolled. it looks like a bug.
Screenshot attached -
I tried adding a new embedded buttons on a new section and it’s not being shown as well. So I don’t think it has to do with the interaction, as now the embed codes on the footer works well.
mmh, you’re playing with webflow left padding to position your embed… i think it might mess up with your embed code itself as in your embed code the overflow value is set to hidden.
Try set the overflow value of within your embed code to visible instead and publish the page again.
Thank You! I tried but it won’t work. Also the same code works at the bottom of the page and other embedded codes such as the facebook share button doesn’t show either.
what about a simplified cloneable project so we can try publish changes aswell - since the behaviour seems to appear only on published site ?
One mor thing you could try is put 10px margin on your embeds + set the z-index to 9999 and its overflow to visible. Try also explicitly set embed’s parent div overflow attribute to visible.