Header image is not keeping propostion on mobile

Hello,

When looking my website in mobile header image is not keeping proportions, it's distorted. Can you help me make it keep its proportions? You can look my website here:

http://horadourada.com.br

Kind regards,
Bruno

Hello,

Please add the following custom css code:

Code: Select all

@media(max-width: 840px) {
.entry-header > img, #gk-header-mod img {
  width: auto!important;
}
}

Hello Joshua,

Thanks for your reply. It worked for small screens, but for a bit larger screens like tablets, the image gets smaller than the screen with white borders on the sides. Can you help me adjust that?

Kind regards,
Bruno

In this case, please change the media query: @media(max-width: 840px)
into i.e.

Code: Select all

@media(max-width: 490px)


It worked! Thank you very much!