Navigation
Archive / Modifying header appearance to be transparent in Icon
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 1, 2016 at 5:13 am #1277252
    pangeaseed
    Participant

    Hi there,

    I was wondering if I can make the header transparent such that we can implement some changes along the lines of the Band Demo you have (http://demo.theme.co/band/).

    I realize that it uses the Integrity stack but I wanted to see what was possible.

    Eventually, we were hoping to use sliders/video content as the first block which should also be visible in the header area. So that the menu is an overlay.

    Our site is https://www.pangeaseed.foundation/

    Thanks!

    December 1, 2016 at 6:36 am #1277325
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    
.x-navbar {
    opacity: 0.6;
}

    Also you can set a different background color to match. 

    
.x-navbar {
    background-color: #336699;
    opacity: 0.6;
}

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1277252 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>