Hi, I have a draft page using the Pro Grid (with lots of Card elements) that looks correct when editing but which displays very strangely when Previewed or Published. I can’t see why this should be the case and am tearing my hair out as the page should have been launched days ago. Please help. [https://www.sirenandpearl.co.uk/sale-2] Login details in private note
This problem seems to have righted itself in the last few hours. Please ignore unless you’re of a mind to offer any insight for future reference—I’ve not idea why it was happening or why it stopped. And, yes, I did keep clearing all caches etc. Thank you
Hi @KarenJaneHoran,
Glad to hear you got it worked out! Two things comes to mind off the top of my head.
First, if you have any caching enabled on the site it could cache an older version of the generated styles. Under Pro > Settings there’s a button to force clear the style cache. This will cause all generated CSS to be rebuilt on the next page load. You’ll want to clear your caching plugin as well in that case
Second, keep an eye out for things changing their display at different screen sizes. The grid is powerful enough to be fully reconfigured at each breakpoint, but that means you could have cases where if one particular size isn’t setup, it looks out of place. The most common way for this this to happen is working on a screens where the live preview is on the Large breakpoint because the workspace cuts 300px into the work area. When you view the front end, you actually see the Extra Large breakpoint because you get that 300px back. It’s usually helpful when checking on the front end to slowly resize your browser window to help approximate all ranges of screen sizes.
I’m not sure if either of those were the issue, but hopefully they help provide some additional context about how the tool works in case you run into either issue in the future.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.