Header banner is off

Every so often when I look at my website, usually when I click through from a url I share, the header banner gets off and the text looks like it’s cut off.

Screenshot:

Hello there,

I am not sure what could be causing this. However try adding the below CSS code to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (min-width:320px) {
  #pg-560-0 > .panel-row-style {
    height: 296px;
  }
}

@media only screen and (min-width:501px) {
  #pg-560-0 > .panel-row-style {
    height: 302px;
  }
}

@media only screen and (min-width:794px) {
  #pg-560-0 > .panel-row-style {
    height: 230px;
  }
}

@media only screen and (min-width:992px) {
  #pg-560-0 > .panel-row-style {
    height: 215px;
  }
}

The code above sets fixed height for your page heading bar. Let me know how it resolve this issue.

Regards,
Kharis

It didn’t help. I’m not sure what’s causing the issue and it’s not on a specific page. I just went to the front page of my website and it happened again. I added the code to the Additional CSS section a few hours ago. The top menu should have a white background but instead the image has moved to be behind it in this instance.