[itsnickwhite]

Hello

Is it possible to make the header transparent? I’ve tried to do it via Customise but I can’t see an option for opacity, only to change the colour.

Thanks
Nick

[serkan]

Hi Nick,
You can add this color code #fff0
Thanks

[itsnickwhite]

Hi Serkan

Sorry that didn’t do anything. It doesn’t recognise a code that short when I try to put it into the “header background color” section. Also, I want to keep the sticky header white, so any solution will need to only affect the main header.

Thanks

[serkan]

Hi Nick,
Could you please provide me your wp admin details via our private content box below?
Thanks

[itsnickwhite]

I’ve included the details. I’d love to know how you do it for future reference.
Thanks

[serkan]

Hi,
I just added this custom css code.

.site-header .header-wrap { background-color: #fff0; }

Thanks

[itsnickwhite]

Thanks for that Serkan but it’s not quite right.

I would like the main header to be transparent and the sticky header to be white. At the moment it’s displaying the opposite that the main header is white and the sticky header is transparent.

[serkan]

Hi,
You can create custom headers with elementor and customize the color and everything.
https://elementor.com/help/create-headers
Thanks

[itsnickwhite]

It appears that going via the theme builder in Elementor is only a Pro option.

I presume there’s a way of having a transparent header without needing to pay extra for it? It’s a pretty standard feature.

[serkan]

Hi,
I will talk to our developer and i will keep you updated.
Thanks

[ahmetsali]

Hi, yes transparent header is a built-in theme feature. I have just edited your homepage and on the right hand side I selected “Page Header Style: Transparent” and now your homepage header is transparent and it has a white background when sticky.

Have a nice day!

[itsnickwhite]

Thanks ahmetsali!

When you say “on the right hand side” what do you mean? I’d like to know how to do it so that I can change other pages as well.

[ahmetsali]

Hi again, you can see it on the page edit screen;

https://www.awesomescreenshot.com/image/11208404?key=b451c000838cc0df6db23f18685e4216

Cheers.