Scaling Issues with my website

  • 1
  • Problem
  • Updated 5 years ago
  • In Progress

So I created custom background images for my website that look fine when on my 15" laptop because they are scaled correctly to fit the screen. The images are created as 1500 x 2100 images. However, when others on computers with smaller screen sizes go on, they say that about 1/4 of their screen is cut off. They can't see a part of the background images that have much of my information because it's still scaled to fit larger screen sizes, and doesn't adapt to smaller screens (ex. 13" laptops). Is there a way to make it so that when people log on from smaller computers, the website adjusts to that size and displays itself correctly?
Photo of Kev Granzow

Kev Granzow

  • 1 Post
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Kev

I had a look into your Yola account, and I think I know what causes this problem. After you had added your background image, you set it to "No Tile" and the position is the top left corner. This means that smaller screens will only display the top left part of your banner image as far as the screen used allows.

You may be able to solve this by changing the position to the top middle, and adjusting the Widget spacing afterwards. Let me know how that goes.

By the way, your banner image is quite a large file having 1.3MB. I'd suggest to downsize it in order to reduce loading times for you in Yola Sitebuilder and especially for your visitors to your live site.