WHarrison Posted November 18 Posted November 18 Site URL: https://www.wendyharrisonconsulting.com/ Hello, I was just informed that the header and body of my site are not aligned and the body of the site isn't filling the screen when viewing it on a wide monitor (see screenshot below). The person commenting did not specify the monitor size he was using. Here are my current settings: Page Width (Max) - 1400px Site Margin - 4vw Heading Base Size - 16px Any ideas on how to fix this? Thanks!
melody495 Posted November 18 Posted November 18 (edited) 49 minutes ago, WHarrison said: I was just informed that the header and body of my site are not aligned and the body of the site isn't filling the screen when viewing it on a wide monitor (see screenshot below). The person commenting did not specify the monitor size he was using. Hi @WHarrison I am viewing this on windows chrome, and tested various sizes, zoom level and wideness. I cannot reproduce what you are seeing in the screenshot. Your website content is centrally aligned, so I see no reason why it would look left-aligned as per your screenshot. If you can get more information from the person that was experiencing the issue, maybe we can help you better. Edited November 18 by melody495 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
WHarrison Posted November 18 Author Posted November 18 Thank you, @melody495! I'll ask if there is something unique about his setup and let you know.
WHarrison Posted November 18 Author Posted November 18 @melody495 Here is what they said about their setup: Quote No special settings on my desktop, but it's a 3840 x 2160 resolution — I tested your website on my laptop though and it looks great! I guess that's 4K? Are there adjustments needed for that?
Solution melody495 Posted November 19 Solution Posted November 19 11 hours ago, WHarrison said: @melody495 I guess that's 4K? Are there adjustments needed for that? For higher resolution/wider screens, I would recommend setting your page width to be 1920px minimum. This general responds better. But do you need to accommodate for wider screens? Is your target audience typically using a wide screen? As much as you can try and optimise for all screen sizes, it wouldn't be possible as there are a lot of them. The best thing to do is optimise for your target audience. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment