NYS image is scrunched on small screens

itswebny / universal-navigation

Guidance and implementation instructions relating to the Universal Navigation (formerly NYS Common Web Banner) deployment.

24 stars 10 forks source link

NYS image is scrunched on small screens #189

Closed patik closed 9 years ago

patik commented 9 years ago

Affects iOS 8.1, latest desktop Chrome, probably others.

http://ny.github.io/universal-navigation/demos/static-option-demo.html

iPhone 5S:

Latest desktop Chrome:

CourtneyJordan commented 9 years ago

This issue can be fixed by removing the images inline styles for width and height and setting the img logo height: auto inside the css.

The inline styles on the img element are causing the logo to crush.

bmtKIA6 commented 9 years ago

Unable to reproduce.

Please, verify.

@tjcrommie

CourtneyJordan commented 9 years ago

This issue was occurring when the blizzard of 2015 alert was out. I recently checked some impacted sites and the issue is no longer occurring. @patik can you verify if the issue has been resolved?

patik commented 9 years ago

Everything is tiny now. But I guess the original issue (stretched/incorrect aspect ratio) is resolved.

Windows Chrome (looks the same on iPhone iOS 8.1.x):

tjcrommie commented 9 years ago

Please retest with new release @patik

patik commented 9 years ago

Looks fine now.