Join the Webstudio community

Updated 3 weeks ago

BREAK POINTS/PAGE WIDTH NOT WORKING WHEN I PREVIEW OR PUBLISH

At a glance
The community member is new to Webstudio and is having an issue where the text elements on their website are running off the page when previewed or published, even though everything looks fine in the design screen. Another community member suggests that the issue is likely due to a non-responsive section (possibly a Google reviews section) causing horizontal overflow on the page. They provide a link to a Webstudio documentation page on how to diagnose and fix overflow issues.
Useful resources

Hi everyone, i am completely new to Webstudio (and do not do this for a job, just trying to make my own website by amending one of the templates) although I have used Webflow and Vev previously so am sort of familiar with how the system works. The problem I am having is that everything looks fine at all brea k points when I am in the design screen but when I preview or publish the text elements just run off the page, even in full screen. If anyone could steer me in the direction of what is wrong/how I can fix it I would be soooo grateful as I can't find the answer in any of the videos or documentation. Thanks in advance, Marisa

Marked as solution
Ah so it looks like there is a section (probs Google reviews) that is not responsive which causes the entire page to have horiztonal overflow.

Here is a doc on how to diagnose it and fix it https://docs.webstudio.is/misc/fixing-overflow-issues
View full solution
J
M
2 comments·2 replies
Hey hard to know what's going on without seeing the site. Can you share a builder link?

Hi John, thanks so much for responding. This is where I have published it to https://marketplace-portfolio-raf1s.wstd.io/

It's just not responding across different size screens. I've tried various browsers..... I've tried setting the max width to 100% but maybe I am doing it for the wrong component?

Any insight gratefully received! Thank you 🙏

Ah so it looks like there is a section (probs Google reviews) that is not responsive which causes the entire page to have horiztonal overflow.

Here is a doc on how to diagnose it and fix it https://docs.webstudio.is/misc/fixing-overflow-issues

Thanks so much John - I'll have a read and hopefully get it sorted. Much appreciated!