Center custom header and place a background wrapper to make it loo good on diffe

Your link seems to be spelled wrong?

Where are you adding this “header” image. As a background in the theme options > advanced styling? or as the logo image? or as the banner?

and your header background color can be set in the theme options > advanced styling.

Kadence Themes

Sorry you are correct re spelling/ it is charityadventuretv.com.au I have put the custom header image into the theme options/ advanced styling/ header background/ upload image section, thanks heaps for your help so far!

Ok then right in your theme options > advanced stylings you can set an image and a color. So I’m confused? did you solve?

I have not been able to centre the image I added, that is my main issue, so if the screen size is large I want the image to remain centred (ideally be responsive) but definitely centred

In the options right there in the header background area you can set the “X image placement options” to be “center”
You can also turn the repeat to off.

and if you want the image to shrink when on mobile you would have to add this css to your custom css box:

.headerclass {
background-size: contain !important;
}

Kadence Themes

Thanks so much, it worked a treat, however in saying that 1 more small issue has come up, when the screen in resized smaller the logo floats over the header image, how can I get it so when the screen size is smaller, the header image drops under the logo?

Hey, Sorry I guess I wasn’t making this very clear. The background image is not a header image. It’s a background image, meaning isn’t supposed to be in the background behind the header elements. If you want a banner you can add one in the theme options > main settings and that will always appear below the logo.

Kadence Themes

oh ok, that makes sense, last question is then can I, instead of setting it as a background image, float the image (not as a background for the header but as a stand alone image in the header section) up next to the logo while keeping it appearing centred?

No, the theme isn’t set up to do that, the logo on the left menu on the right.

Of course you can create a child theme and edit away. There is just no built in option for that.

Kadence Themes

Ok, thank you for all your help! I’ll look into that ??