themefisher / airspace-hugo

Airspace Hugo theme for multipurpose use, like Portfolio, Blog, Business.

Home Page:https://gethugothemes.com/products/airspace/?utm_source=airspace_github&utm_medium=referral&utm_campaign=github_theme_about

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Banner and background images don't scale correctly on ipad in landscape mode

githubmonkey opened this issue · comments

Banner and background images don't scale down to fit the page in landscape mode on my tablet.

In your demo it looks like the images weren't loading at all (monocrome background) but I think that's just because the images have so little contrast that they look like a plain color background when zoomed in extremely.

Portrait mode works well, the problem only shows in landscape. I tried chrome and safari, both behave the same so it doesn't seem browser dependent.

Device used: 6th gen IPad, ios 14.7.1

even worst on iphone SE 2 or XR

Hello @fredleger @githubmonkey

Thanks for letting us know about this issue. It is fixed now. you can pull the latest code and enjoy it.

Sorry to reply to this closed issue but i get the same error about homepage banner image scaling.
The image scales good if the broweser web page is less then 1200px wide but, if it's more then that size, I get a "zoomed" banner image and it is no longer centered.
Tested with Safari, Chrome and Firefox.
Do you have a suggestion on how can i fix this behaviour? thank you

hello @AlbSrd

I recommend you to try a large image, otherwise, it will scale up to fill the entire banner.

i tested up to an 8k image and the image is "zoomed" when I see it in a web page larger then 1200px. The "zoom" effect is not centered too, it is like zoomed in the upper-center zone of the image

I actually mean by large image is 1920x700 size. the image ratio is 16:7, hope you underestand