Issue with background image in header not displaying in Brine Template

Site URL: https://npcc.squarespace.com

I've been helping a client using a Brine Template to add in a background image in the header, which has worked fine for a few months.

However something strange happened. The client got in touch to say that the image was no longer displaying. When I log in and go to the Custom CSS section the code is there and the image appears in the live view on the right. When I go back to the Home space and refresh, the image disappears?

.Header-inner--top {
    background-image: url(https://npcc.squarespace.com/s/concrete-background4-wider.jpg); 
}

That's the code I was given when I asked for help in this Forum. I've attached screenshots to show the issue.

Password is concrete21 to view the site :0)

Do you use Trial Plan?

Try testing code on Paid Plan.

On 6/12/2021 at 8:32 AM, tuanphan said:

Do you use Trial Plan?

Try testing code on Paid Plan.

 

I have asked the client to try this - thank you!

On 6/12/2021 at 8:32 AM, tuanphan said:

Do you use Trial Plan?

Try testing code on Paid Plan.

 

The client site is live and the image works on a desktop. On a mobile, it only shows when the phone is in landscape view but not in portrait view?

I'm assuming that code is needed to resolve this?

18 hours ago, jasonconway said:

The client site is live and the image works on a desktop. On a mobile, it only shows when the phone is in landscape view but not in portrait view?

I'm assuming that code is needed to resolve this?

Mobile header needs another class name. Use this new code

.Header-inner--top, .Mobile-bar.Mobile-bar--top {
    background-image: url(https://npcc.squarespace.com/s/concrete-background4-wider.jpg)
}