Full-width images not resizing on mobile

Site URL: https://www.trinelyngby-trow.com

Hi there , 

Dont know if anyone can help. I have a problem with all the full-width images on my site as for instance the header on this page: https://www.trinelyngby-trow.com/malone-architecture . They look good on desktop but all cuts off on mobile so only the middle bit shows. They don't seem to resize at all just cuts off. 

I have tried the CSS from previous questions on this subject but none of them work. Maybe they were for a different theme. 

Any advice would be greatly appreciated. 

Many thanks,

Trine 

1 hour ago, Lyngby said:

Site URL: https://www.trinelyngby-trow.com

Hi there , 

 

Dont know if anyone can help. I have a problem with all the full-width images on my site as for instance the header on this page: https://www.trinelyngby-trow.com/malone-architecture . They look good on desktop but all cuts off on mobile so only the middle bit shows. They don't seem to resize at all just cuts off. 

I have tried the CSS from previous questions on this subject but none of them work. Maybe they were for a different theme. 

Any advice would be greatly appreciated. 

Many thanks,

Trine 

Does it make sense?

Try in Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="621e7c800ec5d53fe1954287"]  .section-background img {
    height: auto !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you