Hi everybody,
I am trying for many hours to make the header transparent on all pages.
Can someone help me please?
Please share the store URL…
Hi @CrenaMakw2 ,
Can you provide your store url, so that we can check and provide you the solution.
Hi @CrenaMakw2 !
This is PageFly - Advanced Page Builder. I would love to give you some recommendation
Please go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
.header-wrapper.color-background-1.gradient{
position: relative;
background: transparent;
}
#shopify-section-template–14167264985197__image_banner .banner__media.media{
position: absolute;
top: -140px;
}
#shopify-section-template–14167264985197__rich_text .rich-text.color-background-1 {
margin-top: -80px;
}
@media screen and (min-width: 750px){
#shopify-section-template–14167264985197__image_banner .banner__box {
position: absolute;
bottom: 120px;
}
Best Regards;
Pagefly
@CrenaMakw2 apply background: rgba(255, 255, 255, .4) to .header-wrapper.color-background-1.gradient. You will need to extend the slideshow up more if you want it under the bar. This is why it’s white behind until you scroll down.
You will also need to upload a PNG logo with no background.
