Navigation
Archive / Tranparent header issue on Firefox.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 19, 2016 at 7:03 am #1093343
    mathijs84
    Participant

    Hi guys,

    To view the site correct, please disable your adblocker!!

    The site streamads.work-planning.com has a transparent header. It seems to work fine on Chrome and Safari, but not in Firefox (on a mac)

    The header is not loading correct. If you scroll down, and back up then is does work.

    (sometimes it looks good when the background video has a black bock at the top!)

    See screenshot

    July 19, 2016 at 7:03 am #1093345
    mathijs84
    Participant
    This reply has been marked as private.
    July 19, 2016 at 7:54 am #1093403
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    @media (min-width:979px){
header.masthead {
  position: absolute;
}
}

    Hope that helps.

    July 19, 2016 at 9:02 am #1093516
    mathijs84
    Participant

    No that’s not the one. I have added it and it doesnt seem to work

    July 19, 2016 at 10:27 am #1093681
    Paul R
    Moderator

    Hi,

    You can try this code instead.

    
.home .x-main.full {
    margin-top: 0px;
}
.home .masthead {
    position:absolute;
    width:100%;
  top:0;
}

.home .x-navbar.x-navbar-fixed-top {
   position:fixed !important;
}

    Hope that helps.

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