[Resolved] Strange Behavior on Desktop Hook Element

[Parker]

Hello, I have a floating/sticky element on my website that appears on all pages. I have two variations, one that only shows on mobile and tablet, and one that only shows on desktop. For some reason, the desktop version appears strange on some pages as if they are cached but I have wiped my cache locally (site/server side) and accross cloudflare and on my PC. Any idea why this may be? I figured it was my caching plugins but doesn’t make sense that it is on some pages but not all.

Bad: https://www.athleticinsight.com/supplements
Good: https://www.athleticinsight.com/diet/adipose

[Ying]

Hi Parker,

The container which contains the button is set to font-size:1px, the good page has set font-size:18px for the button, but the bad page doesn’t, so it inherits the container font-size:1px.

Try setting a proper font-size for the container block should fix the issue.

[Parker]

It is set to size 18, there is only one element and it gets applied to every page so I don’t understand why half of them are good (18 px) and the other half are set to 1 px.

[Parker]

All set, I figured it out!!

[Ying]

Glad to hear that 🙂

[Author]

Posts