Hey, just wondering if anyone can offer some insight as to what might be causing this issue on my website. I've recently started making a website for a company and I feel I have a design laid out pretty well, it scales fine on desktops etc. but when viewed on a mobile it doesn't look quite right. It seems like the right side is cut off somehow or moved over to the left.. I have attached images to show what I mean. Something thats also odd is that on an iPhone in Safari it is fine but on Chrome its not.
I have looked on numerous sites online regarding this issue and made various changes to see if that would make any difference i.e. overflows being hidden, site width 100% etc. but nothing has made any change.
Any advice would be greatly apprecicated.
Thanks
Difficult to say without a link to your site, but somethings likely to be causing the overflowing.
Have you tried hiding sections and enabling them one at a time to see whether you can pinpoint which is the offender?
Hard to diagnose what this could be. Looks like there is a container with a negative right margin, or a line of text that isn’t wrapping.
One easy way to diagnose is to copy the WordPress code (View Code) feature in editor, or even the HTML (right clicking in your browser), and paste it into ChatGPT or Claude, and just ask why it’s doing this.