How can I make the header background transparent on my website?

Hello,

Quick Question..

is there any way to make the background of my header invisible so that you can see the picture behind the logo for example?

Theme: Sense

URL: sixdreamz.com

Hi @sixdreamz

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

header.header.header–middle-center.header–mobile-center.page-width.header–has-menu.header–has-social.header–has-account {

background: transparent !important;

position: absolute;

width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Hey, sadly it didnt work..

the header is still not transparent

any other solution?

1 Like

I checked it again and saw that the header is transparent now.
I there any else can I help you with?