Crave theme - image banner that blends into header

Store Design
, ,
1

Hi there,

I want to add an image banner that blends into the header. I am using the Crave Theme.

So the image is full width and header (logo + Navigation) has to look like it’s on it/ part of the picture.

Can someone help me? Thank you!

2

Hey @DGQs

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @DGQs ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.section-header {
    position: fixed !important;
    width: 100%;
}
.header-wrapper.gradient {
    --color-background: transparent;
    --gradient-background: transparent;
}
4

Awesome! Thank you so much, worked like a charm!

5

Hi @DGQs ,

If you have any questions, you can contact me directly.
Nice to meet you :blush:

6

I was a bit too happy too fast I’m worried. It worked, but it’s like this on every page now. How can I make sure this is only blended like that on my homepage please? I will definitely remember you contacts if more issues arise!

7

Hi @DGQs ,

Please send me the store link, I will check it again

8

the password is damngood

thank you namphan!

9

Hi @DGQs ,

Instead of adding code at base.css file, please go to theme.liquid file and add code here:

Screenshot.png
Screenshot.png1471×647 112 KB

Code:

{%- if request.page_type == 'product' -%}
      
    {%- endif -%}
10

Hi Namphan,

Thank you. I added the second copy to the theme.liquid, but nothing happened. I added the first copy to the base file again as well and now the header merges on the product pages but not on the homepage. The header is only supposed to merge on the homepage, not on any other pages. Can you find out how to do so please?

11

Hi @DGQs ,

Please send me the collaborator code in private message, I will send you the invitation and check it