Banner image significantly cropped in mobile view online, but shows up just fine on preview in editor.

Site URL: https://www.karolinawalsh.com/

My banner image is only showing the most upper part of the image on mobile view on phone. In the preview in the editor the image looks ok though still significantly cropped. Would like to have the full image shown on mobile. Can anyone help me out with that?

My testing

Thank you so much! Perfect!

I'm noticing that this is the case, banner picture is majorly cropped, on all my mobile pages. Is there an easy way to modify this code so it changes all my pages?

On 4/20/2022 at 11:08 PM, Karolina said:

I'm noticing that this is the case, banner picture is majorly cropped, on all my mobile pages. Is there an easy way to modify this code so it changes all my pages?

Try this new code

@media only screen and (max-width: 767px){
 #page-header-wrapper {
    background-attachment: unset;
    background-repeat: no-repeat; 
  }
}