Streaming live at 10am (PST)

Website Looks Horrible on Larger Screens


#1

Hi,

I am working on a site for a client, and am building it on a 13" MacBook. It looks perfectly fine on here. However, my client is viewing it on a 27" iMac, and the design looks horrible. The design doesn’t scale up, and the footer is out of place. What could be the problem, and how can I fix it?

Thanks!


Here is my site Read-Only: http://montclair-social-club-coming-soon.webflow.io/


#2

If you could post your read-only link members can view if for you. However, when scaling up, so to speak. Simply add all your images to be larger for that view. 27" iMac, typically is going to be at or around 2500 x 1400. The largest, probably in the world, is 5120 x 2880. Now that’s not size, it’s resolution in “pixels”.

Therefore, your images need to start at: Minimum 4000 x 4000. I typically edit my photos from a very large 6500, 5500, etc which can vary. But try to keep them in that ratio, then optimized.

If you’re familiar with Photoshop, Affinity then you can edit and adjust the output size upon export.

Unfortunately, text is always going to present challenges when scaling up or down. That’s why using % percentages and VW viewport height for Typography text sizes is best practice, if you plan to have lots of scaling.

If you need further assistance, I’ll be glad to help get your photos sized properly, and adjust your text sizing to scale properly.


#3

Thank you so much for your help! This worked. I really appreciate it!


#4

Not a problem. Have fun!


#5

An 8K monitor is 7680 x 4320. Example http://www.dell.com/en-us/shop/dell-ultrasharp-32-8k-monitor-up3218k/apd/210-alez/monitors-monitor-accessories


#6

Daaaanng no way, really?? Oh man I bet it’s nice too! Deeg it’s 4 grand dude. Uh, I think Frys store will have to do. :blush:


#7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.