Navigation
Archive / Semi transparent header not working on Firefox & IE
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 14, 2017 at 11:54 am #1406732
    Reyji
    Participant

    Hello!

    I am using a semi transparent header that works only in Chrome but not in Firefox and IE. I am using Revolution slider with the Renew stack.

    I have set the masthead height to 0px and have no idea why its not working. I am also using Javascript so that when it scrolls down the header background color changes.

    Here is the URL: http://www.artofdivingtulum.com/

    Thanks so much in advance would really appreciate a solution!

    Rey

    March 14, 2017 at 12:09 pm #1406772
    Reyji
    Participant

    I found a solution after sifting through 2 hours in the forum 🙂

    Heres the fix:

    header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
    }

    March 14, 2017 at 12:42 pm #1406843
    Thai
    Moderator

    Glad you’ve sorted it out 🙂

    If you need anything else please let us know.

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