Hello, I’m experiencing an issue with my site.
After publishing, everything on my site looks squished or compressed. Can anyone help me figure out what’s going wrong? In Webflow Designer and Preview mode, everything looks perfectly fine. I’ve included the read-only link and published site link below for reference.
Thank you in advance!
Here is my site Read-Only: LINK
Hi there,
When your published site appears different from the Designer, this is often due to caching issues or incomplete publishing processes. Here’s how to resolve this:
First, try unpublishing and republishing your site from your site settings - this ensures all recent changes are properly pushed live. If the issue persists, clear your browser cache, as it might be showing you an older version of your site. As a last resort, you can restore a previous version of your site from your project settings if you need to revert to a known working state.
You can find detailed instructions for these solutions here:
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Thank you for your help, but I couldn’t solve the problem with the three ways you suggested. I really want to know how to solve this, is there any other way…?
For some reason the readonly link isn’t loading, but looking at your staging site, I can see that you’re doing some unusual things in your layout. Quite a few elements have widths, min-width, or max-width of e.g. 50ch which means “50 characters in the current font”.
That would account for your very narrow text column, which I think is what you’re referring to.
Thanks for the feedback! I’m not sure why the readonly link wasn’t working, but I restored it to the older version, and it seems to be loading now. The min-width and max-width values were probably excessive because I had copied and pasted components. I tried fixing that, but it didn’t seem to help. If anyone has any advice, I’d really appreciate it!
Hey @jkk24,
I can see elements with classes .u-container and .u-container-small have max-width properties set. So in case, you have removed such styling from the paragraph elements, make sure you remove such properties from the classes mentioned and see if any such container element has such width set.
When I disable such styling on the site, the structure takes up the full screen as it should and you can then customize it to have some padding and margin based on your design. Hope this helps.
