Architect Pro Doc

[james14]

Hello. I am trying to make the navigation banner transparent but don’t see a way to do it. Is there a code I can insert to make the navigation banner AND the background behind the logo transparent in this theme? Thank you!

James

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[james14]

Chris:

Here it is. Thanks for your help.

http://sopacco.com/

James

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header { background:rgba(255,255,255,0.5); position:absolute !important;}
.logo::before { display:none;}

Regards,
Chris

[james14]

Thank you for the code Chris. I inserted it, but it didn’t work, unfortunately. Could you look to see if there is another solution please? Thank you.

[Sonl Sinha]

Hi,

Kindly this CSS code there:

Remove

.header { background:rgba(255,255,255,0.5); position:absolute !important;}
.logo::before { display:none;}

And add

.header { background:rgba(255,255,255,0.5) !important; position:absolute !important;}
.logo::before { display:none;}

Regards,
Chris

[james14]

Thank you Chris! That fixed the transparency issue on the navigation but it left an orange box where the logo could be. We don’t want a logo or an orange box there. Is there a way to remove that orange box? Thanks!

[Sonl Sinha]

Hi,

Kindly add this CSS code there:

.logo { background-color:transparent !important;}

Regards,
Chris

[james14]

Thank you Chris, that fixed the issue!

[Sonl Sinha]

🙂

[Author]

Posts