Architect Pro Header Transparency

[Derek]

Hi Guys,

I’m using Architect Pro and I want to remove the Header Menu and Logo Area colour and make it all transparent instead.

Can you send me on some CSS code that will allow me to do that?

Thanks

Derek

[Sonl Sinha]

Hi Derek,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header{background:rgba(255, 255, 255, 0.8) !important;}
.logo{background:none;}
.sitenav{display:none !important;}
.logo::before{display:none !important;}

Regards,
Dave

[Derek]

Hi Dave,

That has made the menu items disappear, the logo area hasn’t changed and the white area behind the menu items has become somewhat transparent but not fully transparent? I want just the logo and the menu items to show up removing the strip.

Can you check it out for me again?

Derek

[Sonl Sinha]

Hi Derek,

Kindly show us your website URL.

Regards,
Dave

[Derek]

Hi Dave,

It’s currently in maintenance mode but I’ll make it live for the moment for you.

http://bsgdesign.ie/

Derek

[Sonl Sinha]

Hi Derek,

Kindly remove the previous code.

Do you want to remove white background only?

Regards,
Dave

[Derek]

Hi Dave,

That’s now removed. I want to remove the white background and the blue background so the Logo and menu items are just showing on the slider.

Thanks

[Sonl Sinha]

Add this code in Custom CSS Box:

.header{background:none !important;}
.logo::before{background:none !important;}
.logo{background:none !important;}

Regards,
Dave

[Derek]

Perfect, thanks Dave

[Sonl Sinha]

🙂

[Author]

Posts