On my computer, whether I’m in designer or in preview mode or on my published site, my site looks the way I want it to: the text is centered and the entire background is white:
However, when on a different computer, I noticed that the text is pushed to the left and there’s a giant white box on the side:
I tried different browsers and screen sizes, but it always looks normal on my computer, so I’m not sure why it looks different on other computers. Could someone please help me fix this? Thank you in advance!
HI y_zxn It sounds like your website’s layout may be affected by the differences in screen resolutions and browser settings between your computer and the other computer you tested it on. Here are a few things you can do to diagnose and fix the issue:
- Check the resolution of the other computer’s screen: If the screen resolution is lower than what you designed your website for, it could cause layout issues. You can try adjusting your website’s layout to be more responsive to different screen sizes.
- Test your website on different browsers: Different browsers may interpret your website’s code differently, which could affect its appearance. Make sure to test your website on multiple browsers, including Chrome, Firefox, and Safari, to see if the issue persists.
I hope one of these suggestions will help you to fix the layout issue on your website.
Thank you for your advice, I realized that the white box on the right is displaying if users re-size their browser window from the bottom instead of re-sizing the browser size from side to side and was able to fix the layout issue
Have you thought about the possbility, that it’s just your dpi scaling in windows?
I’ve once wasted like 5 hours designing for larger breakpoints and wondering why it looks different on my end, when I had 125% scaling enabled in Windows and it looked totally normal when I put it to 100% scaling