Community forum for knowledge and support

Updated 12 months ago

Discrepancies between preview and published page

At a glance

A community member has built a new page using components, and the preview looks great, but when published, there are discrepancies in the layout and positioning. The community members suggest that the issue may be caused by pasting components into already established layouts, where styled outer wrapper divs or sections can cause the components to break slightly. They also suggest testing on the same resolutions and providing a read-only link to the page for further investigation. There is no explicitly marked answer in the comments.

Hey - I've use components to build a new page and in preview it looks amazing, but when I publish it there are discrepancies. Some layout elements are malformed, or not displaying correctly, and some positioning is incorrect on the published page (but these are perfect in the preview).

Has anyone seen something like this before? Where the preview and the published page don't align?

I'm not sure how to fix this since the preview looks great.

G
J
M
3 comments

Are you pasting components into already established layouts? Sometimes styled outer wrapper divs, sections etc. can cause relume components to break slightly. Preview is not always 1 to 1 with the live version.

Are you testing on the same resolutions??

would you mind sharing a read-only link?

Add a reply
Sign up and join the conversation on Slack