Home Forums Themes Support Claue-Shopify Background image on header

Topic Resolution: Resolved

This topic contains 7 replies, has 3 voices, and was last updated by  pviljoen 2 weeks, 6 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #21919

    Any way to change the background header color to an image?



    Please go to Theme Customize > Theme Settings > Custom Code > Custom CSS and add below code

    #jas-header {
    	background: url('//cdn.shopify.com/s/files/1/2686/0798/files/Untitled-1_1eac5875-7a35-4b21-9037-3a23ed2b8574.jpg') center center no-repeat;
    	background-size: cover;

    and change “//cdn.shopify.com/s/files/1/2686/0798/files/Untitled-1_1eac5875-7a35-4b21-9037-3a23ed2b8574.jpg” with your image path

    Best regards


    Thanks for the response Harry, But I cannot get this to work, I have placed the custom code in the “custom css”  and I see you have used an image already on my store files, but nothing shows up.

    Could you take a look for me?


    Harry, not to worry, I copied the code from your email alert, not from the forum, it works great thanks!!


    May I ask, what is the Ideal resolution for a background image?


    Hi Russell,

    The recommend resolution for header background image is 1920×300

    Best regards


    can you please share the correct code as I tried to change the URI to my image – store_image/image.jpg and it does not work



    Thanks solved the issue. Found the URl under store settings/ files upoad.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Background image on header’ is closed to new replies.