Why are buy buttons hidden until window resize on desktop browsers?

Technical Q&A
1

I’ve been stuck on this all day… please can any one help?

Some of our Buy Buttons are not showing on desktop (Chrome, Firefox & Edge) unless you resize the window. They work fine on mobile. The reason behind this I suspect is to do with some code on our Webflow website that combines two Collections in to one, essentially moving the buttons after they have loaded.

Some solutions I thought of are:

  1. Disabling the iFrame

  2. Using a script to delay the load of the Buy Button

Does any one have any other ideas or able to assist with one of the two possible solutions above?

Here’s a quick animation of what’s going on:

Example.gif

Thanks!

1 Like
2

I’m having the same issue. Were you able to figure out a fix?

3

Same issue almost 3 years later. Glad to see we are getting somewhere.