Architect Pro Doc

Home Forums All Other Themes Architect Pro Doc

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #113562
    james14
    Participant
    • Topics: 13
    • Replies: 15
    • Total: 28
    Member since: July 24, 2017

    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

    #113569
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25550
    • Total: 25550
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #113638
    james14
    Participant
    • Topics: 13
    • Replies: 15
    • Total: 28
    Member since: July 24, 2017

    Chris:

    Here it is. Thanks for your help.

    http://sopacco.com/

    James

    #113676
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25550
    • Total: 25550
    Member since: August 16, 2013

    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

    #113870
    james14
    Participant
    • Topics: 13
    • Replies: 15
    • Total: 28
    Member since: July 24, 2017

    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.

    #113875
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25550
    • Total: 25550
    Member since: August 16, 2013

    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

    #113929
    james14
    Participant
    • Topics: 13
    • Replies: 15
    • Total: 28
    Member since: July 24, 2017

    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!

    #113986
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25550
    • Total: 25550
    Member since: August 16, 2013

    Hi,

    Kindly add this CSS code there:

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

    Regards,
    Chris

    #114051
    james14
    Participant
    • Topics: 13
    • Replies: 15
    • Total: 28
    Member since: July 24, 2017

    Thank you Chris, that fixed the issue!

    #114064
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25550
    • Total: 25550
    Member since: August 16, 2013

    🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.