Header Graphic Behind Menu

[kiburi-lifestyl]

How do I add a graphic image to the header section of website and BEHIND the logo and menu? Any ideas guys. Im using Liquid and theres no base.css file. Any help would be great.

[Liquid_xPert_SJ]

@kiburi-lifestylcan you please share the store url so that i can look into the code and share an exact solution with you 🙂

[kiburi-lifestyl]

Here you go mate 🙂 https://kiburi-lifestyle.myshopify.com/

and it duplicates on mobile device aswell and looks odd. as per screen shot

[Liquid_xPert_SJ]

@kiburi-lifestyl  please refer to the below css code and add that into your base.css file which islocated in the theme filse

Online Theme > Edit Code > Theme Files > Assets > base.css

.header {
	background-image: url(https://kiburi-lifestyle.myshopify.com/cdn/shop/files/Lanyards_2b_1400x.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

[kiburi-lifestyl]

Thanks mate but in Liquid under Assets I dont have base.css theres only -

custom.css

theme.css

theme.js

theme.min.js

Also I want the image so it cuts off above the menu itself and doesnt go below. 🙂 

[Liquid_xPert_SJ]

@kiburi-lifestyl  you can use custom.css file

[kiburi-lifestyl]

Sorry noticed its custom.js and not custom.css anywhere else I can add

[Liquid_xPert_SJ]

theme.css

[kiburi-lifestyl]

Mate you rock! Thanks so much for your help mate 🙂 GREATLY Appreciate it 🙂 your a legend 🙂

[Liquid_xPert_SJ · Accepted solution]

please mark as solve if the issue has been resolve.

[kiburi-lifestyl]

I added new section custom.css and pasted your snippet and changed url location and didnt work buddy.

[Liquid_xPert_SJ]

bro did you defined  that custom.css file in theme.liquid file?

[Liquid_xPert_SJ]

the below image is showing the slider image you can update the image url in the code according to your need. i just added as placeholder

[kiburi-lifestyl]

Oops i sent another issue below too. Sorry. But yeah ive uploaded to footer but noticed image distorts on mobile device. But with the Header, want a image behind the Menu and logo, so the image literally sits in the Header and behind 🙂

[Liquid_xPert_SJ]

@kiburi-lifestyl  this needs to be fixed with custom code i have to look into that.