I need to make the header background color transparent

Shopify Discussion
1

I need to make the header background color transparent. Please help.

link: https://7pgjrvl9f09mjqjj-26958544.shopifypreview.com

header.png
header.png1896×784 392 KB

2

Well, putting

.pt-desktop-header {
background-color: rgba(255, 255, 255, 0.3) /*where 0.3 is the transparency, you can change this number between 0.0 to 1*/
}

in your CSS file would make the white you’re currently using transparent, but it’s not really useful because there’s nothing behind it. Do you want the hero image to be under the header ?

3

Paste this code on top of the theme.css file.

@media (min-width: 1025px){
.stuck.pt-stuck-nav {
    background: transparent !important;
}
}
4

@Zworthkey it only made the header transparent upon scrolling down, I need the header to be transparent when it sets on top. Please help.

5

@Janamir try with

@media (min-width: 1025px){
.stuck.pt-stuck-nav {
    background: transparent !important;
    position: sticky;
    top: 0;
}
}