Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1141749
    williamlglass
    Participant

    I’m using integrity theme. I’ve set the header to transparent and set the next section with a negative margin-top so that I can fill the transparent header with a revslider in the section with the negative top margin.

    This only works on chrome and safari, not firefox. How can I fix that? Is there a better way to get the same effect on both browsers?

    My URL is http://getbiggorilla.com.

    Thank you!

    #1141903
    Joao
    Moderator

    Hi There,

    Upon Checking your website it seems to be broken now, are you making some changes?

    But based on your description you could use this code instead:

    `.x-navbar {
    position:absolute;
    width:100%;
    background-color:transparent !important;
    box-shadow: none;
    border: 0;
    }
    body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
    }`

    Let us know how it goes,

    Joao

    #1141914
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can update the first code block to this :

    .x-navbar {
      background-color: transparent;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
    }

    Hope this helps.

    #1142085
    williamlglass
    Participant
    This reply has been marked as private.
    #1142096
    williamlglass
    Participant
    This reply has been marked as private.
    #1142159
    williamlglass
    Participant

    Actually, guys, figured it out.

    Used the first code, but changed “postion:absolute” to “position:fixed.”

    All is well.

    Thank you guys!

    #1142312
    Jade
    Moderator

    Glad to hear that William.

    Cheers!

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