Hello @dmx09, I don’t have a MacOS right now to test this issue. Are you able to record a video and share it here? Thank you.
Thread Starter
dmx09
(@dmx09)
Hi Roel, I’ll try to get this done ASAP.
Many thanks!
Thread Starter
dmx09
(@dmx09)
Hi Roel, I have done a VERY rough video of what’s happening. If you can download the video from the link below hopefully this might help figure out the issue.
Link to video
Thank you @dmx09, I just watched the video and that’s a weird bug. Can you provide the website page where this is happening? So I can see the HTML.
Thank you.
Thread Starter
dmx09
(@dmx09)
Hi @rokumetal – just checking if u had any thoughts on this one, thanks!
Hey @dmx09, I couldn’t check the issue yet but my guessing is the counter wrapper height is small and Safari won’t understand that.
Hopefully I can fix it this week, thanks for your patience.
Thread Starter
dmx09
(@dmx09)
Hey Roel, just checking in.
Sorry to pester you as I know you provide this plugin free of charge, so no pressure.
Thanks.
Hello @dmx09, just checked your CSS code in your website.
Right now, the <div> height that contains the counter is 27px, that’s because the global line-height is 1.5em, but if I change the <div> line height to 1 value now the height is 85px.
I have a theory, hopefully I’m correct because I can’t test under a macOS environment, where Safari is not smart enough to render the height needed for those counters (text).
What can you do? Add this to your CSS and test, please:
.wp-block-roelmagdaleno-wp-countup-js div {
line-height: 1;
}
Let me know if that works. Thanks.
Thread Starter
dmx09
(@dmx09)
Thanks Roel, I’ll give that a go.
Much appreciated.
Thread Starter
dmx09
(@dmx09)
That appears to work (tested with browserstack).
Many thanks! 🙂
