Twenty seventeen header media on homepage not responsive

[queensyd]

Hi,

I have made a site with the Twenty-seventeen theme and it looks good on the pc, but not on my smartphone, a Samsung Galaxy A3-2016. What happens is that the homepage header photo is scaled in width, while maintaining the same height, and this looks ridiculous. Can you look into it and make sure the aspect ratio of the home page header photo remains constant?

Thanks and regards, Ronald
queensyachtdesign.nl

[garrett-eclipse]

Hi @queensyd

Reviewing the TwentySeventeen theme the header image is setup as a background cover and meant to keep it's height. To keep it's aspect ratio it would need to be an inline image.

This appears to be a design decision for the bundled theme so am marking for closure and moving to the Bundled Theme component for a 2nd-opinion.

If you would like assistance in customizing the theme to your needs please reach out via the support forums - ​https://wordpress.org/support/

[desrosj]

I did some testing here to try and recreate an issue similar to what you described. In my testing, though, I couldn't get the header to do anything except the correct intended behavior.

I looked up the A3-2016, and the screen dimensions are 720 x 1280(~312 ppi pixel density). The attached screenshot is what I see with those screen properties.

If someone with this device is still experiencing this issue, please reopen and provide more steps to reproduce. Screenshots would also be very helpful.