Jump to content

Responsive Design Not Working Ultrawide Monitor

Recommended Posts

Posted (edited)

Hello, whenever I view my web page on a wide or ultrawide monitor, the responsive design does not work. My header spans the entire screen but all of the site content sits to the left and leaves a huge white space on the right side of the screen. I have attempted to insert CSS to fill the entire screen width and also tried to center the body content as an alternative approach but nothing appears to take effect. I also set the max page width under Site Styles to the max (3000px) and that had no effect as well. Has anyone encountered this issue before and been able to resolve it with custom code? I am using an Apple Studio Display for width reference.

 

Thanks in advance for any solutions!

website_bug.png

Edited by zmalone
  • Replies 1
  • Views 911
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted (edited)

@zmalone Looks great (responsive) on my Apple monitor on Chrome! I don't see any gaps to one side.

It may be worth clearing your cache to see if it displays correctly then since you've been making so many updates trying to get it to work. 

In case anyone else wants to take a look: https://www.zdmdigitalmedia.comScreenshot2024-07-10at9_51_47AM.thumb.png.a831229140fce10d633457d25f69c9ea.png

 

 

Edited by WCS

Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan | Westerly Creative Studio
  
 🍪  Still need your website policies?
Termageddon makes it easy.  
Get 10% off your first year! (< affiliate link) 

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.