[Debut theme] How can I make the header transparent on all pages?

Store Design
, , ,
1

Hi,

I have managed to make the header transparent so that it shows the logo and the menu on top of the background image. I would like to do this for all pages (for example, when I go to How to Use or About page, instead of having a white header and an image right underneath, I would like the image to extend up to the top and have the transparent header above the image) but I just cannot figure out how. Can anyone help?

https://nardiscoffee.com/

Thank you.

2

Hi @Nardis

This is David at SalesHunterThemes.

Thank you for your question.
Try to follow this path:

Themes => edit code => asset => theme.css

and add this code to bottom of the file theme.css

.site-header {
    background-color: transparent;
    position: absolute;
    z-index: 1;
    border-bottom: 0;
}
1 Like
3

I have tried this but it doesn’t seem to do anything. Not sure if the headers showing on all pages are already transparent. Do you know how I can expand the images from the image-bar section to the top of the page?

4

Hi @Nardis
Just checked your theme code, but I didn’t see the new code. Have you removed it?

1 Like
5

I think I applied it to a wrong place. It worked. Thanks so much!

6

You’re welcome. I’m so glad that it can be your solution

1 Like