I'm running into a strange issue in Webflow and I'm hoping someone has seen this before.
I'm making updates to a website on the Webflow staging domain before publishing to the custom domain. After I publish, everything looks perfect on mobile. However, after some time, when I revisit the site, the mobile layout is broken again, particularly the hero section, where the text shifts out of position and elements become misaligned.
A few things I've noticed:
It only affects the mobile breakpoint. Desktop and tablet remain fine.
It happens across all mobile browsers.
The hero section uses a Block layout (not Flex or Grid).
The hero section's width and height are set to Auto, with px values for the minimum width and minimum height.
The text is already in the wrong position as soon as the page loads, it doesn't shift after loading.
Most importantly, this doesn't only happen on the published staging site, it also happens inside the Webflow Designer itself. I can fix the layout, and it looks correct for a while, but later the same elements are back in the wrong positions without me making further changes.
Has anyone experienced something similar?
Is this likely to be caused by a styling/inheritance issue, a corrupted class, breakpoint inheritance, or could it be a Webflow bug? Any ideas on what I should investigate next would be greatly appreciated.