No matter what I do, my mobile timeline does not show correctly in preview or on website. I have adjusted the sizes on the main wrapper, timeline width, changed font sizes, etc… While working on the widget it looks right but preview and site show all the information on the same side of the timeline, information should be showing on both sides.
How can I fix this?
Hey @kafeend how are you? Where can we see the issue live? Can you share a link to the relevant page on your website?
https://mikeortiz9.wixstudio.io/karyenvironmental/about-us
scroll down near the bottom
The timeline shows up fine on desktop and iPad but mobile such as phone doesn’t display right…even in the preview of the widget, it displays incorrectly.
Thanks for reporting, we’ll check.
any update to this issue?
@kafeend found it. The issue was caused because you’ve set a maximum width of 125px to the card:
Once removed on mobile, it works well 
We removed it for you.
Thank you for pointing that out. I am still looking at the preview and the site and it still loads incorrectly. Everything is on the left side of the timeline still instead of on both sides.
I am using iPhone 14 Pro Max and Safari. It shows exactly like this in both Safari and on my laptop (chrome browser) when previewing the timeline for mobile and on the actual website itself.
We found the issue and the fix is on its way.
Thank you, it looks perfect now!!
Sure thing, happy to help
