Is it possible to make the header clear?

[christian_russo]

hi! 

is it possible to keep this header clear and not turn white when I hover it? I work with the prestige theme

website: https://www.gallerychristian.com/

thanks! 

[BSSCommerce-HDL · Accepted solution]

Hi @christian_russo,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

x-header.header {
    --header-show-transparent-logo: 1;
    --header-separation-border-color: 0 0 0 / 0;
    --background: 0 0 0 / 0;
    --border-color: 0 0 0 / 0;
    --text-color: var(--header-transparent-header-text-color);
}

Here is result: 

Hope this can help you

[BSSCommerce-HDL · Accepted solution]

Hi @christian_russo,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

x-header.header {
    --header-show-transparent-logo: 1;
    --header-separation-border-color: 0 0 0 / 0;
    --background: 0 0 0 / 0;
    --border-color: 0 0 0 / 0;
    --text-color: var(--header-transparent-header-text-color);
}

Here is result: 

Hope this can help you

[christian_russo]

yes! thank you! 

[christian_russo]

Is it possible to change the color of the logo or only make the white header visible on the product page? because my logo is white it doesn't appear anymore on product pages etc.

 

[BSSCommerce-HDL · Accepted solution]

Hi @christian_russo, Pls try again with this code : 

body:has(.content-over-media) x-header.header {
    --header-show-transparent-logo: 1;
    --header-separation-border-color: 0 0 0 / 0;
    --background: 0 0 0 / 0;
    --border-color: 0 0 0 / 0;
    --text-color: var(--header-transparent-header-text-color);
}

Here is result: 

Hope this can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[christian_russo]

perfect thanks! is it also possible to make the side drawer sort of transparent like this:

would love to change it from white background to that

 

thank for your help!