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.

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

Here you go mate :slightly_smiling_face: https://kiburi-lifestyle.myshopify.com/ and it duplicates on mobile device aswell and looks odd. as per screen shot

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 :slightly_smiling_face:

@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); bac…

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

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. :slightly_smiling_face:

@kiburi-lifestyl you can use custom.css file

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

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

Header Graphic Behind Menu

Store Design

Liquid_xPert_SJ June 14, 2024, 6:31am 15

please mark as solve if the issue has been resolve.

Topic		Replies	Views
How can I successfully add a background image to my menu header? Store Design menu , design , header , customizations , css	3	55	December 31, 2023
How do I add this image into the header menu and behind the text? Store Design menu , header , landing-page , shopify-themes	2	90	January 4, 2024
header image not showing on mobile Shopify Discussion troubleshooting	4	81	April 24, 2025
Dawn theme - Image background in the head menu too Store Design	2	52	February 24, 2022
Studio Theme - How to add a background image to header and/or footer Store Design design , customizations , troubleshooting	8	625	August 20, 2024

Header Graphic Behind Menu

Related topics