All things Shopify and commerce
I need to make the header background color transparent. Please help.
link: https://7pgjrvl9f09mjqjj-26958544.shopifypreview.com
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 ?
Paste this code on top of the theme.css file.
@media (min-width: 1025px){
.stuck.pt-stuck-nav {
background: transparent !important;
}
}
@Zworthkey it only made the header transparent upon scrolling down, I need the header to be transparent when it sets on top. Please help.
@Janamirtry with
@media (min-width: 1025px){
.stuck.pt-stuck-nav {
background: transparent !important;
position: sticky;
top: 0;
}
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024