Navigation
Archive / Navbar from transparency to opaque (scrolling)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 30, 2016 at 6:20 am #858533
    PanInternational
    Participant

    Hi,

    I have a doubt.
    Is it possible to have a fixed navbar with transparency (to see the bg image), and when we start scrolling down the navbar loses the transparency?

    Thank you

    March 30, 2016 at 7:02 am #858595
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    You can add this in custom >css in the customizer.

    
.home .x-navbar {
   background-color:transparent;
   position:absolute;
   width:100%;
   top:0;
}

.home .x-navbar.x-navbar-fixed-top {
   background-color:#fff;   
}

    If that doesn’t help please provide us your site url so we can take a closer look.

    Thanks

    March 30, 2016 at 7:07 pm #859757
    PanInternational
    Participant

    It didn’t work but I am already trying something different.

    Thank you any way

    March 30, 2016 at 11:24 pm #860101
    Prasant Rai
    Moderator

    Let us know how it goes.

    Thanks.

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