Change height of header image on mobile only?

Site URL: https://horse-onion-layz.squarespace.com/about

Hi there,

Does anyone know the code I need to use in order to be able to reduce the height of my header on mobile ONLY? I am happy with the header size on desktop but simply want to reduce height on mobile.

Thanks a million.

29 minutes ago, Peterotoole said:

Site URL: https://horse-onion-layz.squarespace.com/about-3

Hi there,

Does anyone know the code I need to use in order to be able to reduce the height of my header on mobile ONLY? I am happy with the header size on desktop but simply want to reduce height on mobile.

Thanks a million.

Try this in Design->custom css and let us know

@media only screen and (max-width: 600px) {
      section[data-section-id="5fff89c3e11bb3272d4fce10"] {
        min-height: 70vh !important;
      }
}

20 hours ago, bangank36 said:

Try this in Design->custom css and let us know

@media only screen and (max-width: 600px) {
      section[data-section-id="5fff89c3e11bb3272d4fce10"] {
        min-height: 70vh !important;
      }
}

 

Thanks so much! It works but what it does it stretch or condense the image. It does't reduce the image proportionally. Is there any way for it to respect the original proportions of the original image?

The url doesn't exist. Can you check again? @Peterotoole

2 hours ago, tuanphan said:

The url doesn't exist. Can you check again? @Peterotoole

Sorry the same problem as my last post. The address above has now been updated. Thanks