Ok ive been playing around with this 5.x headache and been trying to add a background to the header for a couple of hours.
I feel like a noob all over again, its been years since i did any site stuff and its a bit different than how things were done in 4.7.
Anyways after some tinkering i finally figured out how to add a background image and make it display in mobile and tablet view
but for some reason i cant figure out how to do the same thing for the desktop view.
Maybe im doing things wrong,i have no clue but somethings work and other things dont.
how i edited the mobile header.
dev mode- theme editor settings- header- mobile header- header background
and changed the type to image
then i go to visit site - theme editor - header-mobile header and the option to choose a background image is there, i add image and it appears in mobile and tablet views.

ive tried to do the same thing for the desktop primary header background but im doing something wrong somewhere because i cant get it to appear,
does anyone know how to get this background image to appear for the desktop??

sorry i cant edit my original post.
i think i still have to play around adjusting the size etc but at this point im just happy i even managed to get anything to appear.
once i get all this figured out i can spend some time trying to figure the correct sizes etc
So heres some screenshots so ya all can see what i see. in mobile view. tablet view and desktop.
mobile view


tablet view


desktop view (as you can see, it doesnt appear at all

Hmm i thought someone might have had some suggestions But Its all good.
I finally figured it out myself.
solution was simple. drop this code in the theme editor CSS 😂
at the moment i just got this ICS5 hunkajunk hosted on localhost. because im having a headache trying to connect my site to the stupid IONIS VPS Server for some unknown reason, im chipping away at trying to fixing that issue too LOL

.ipsHeader__primary {
    background-image: url('/H57/uploads/headerbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100% !important;
    max-width: 100% !important;
}

Edited 12 октября, 2025Oct 12 by OzzieKris