Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1369546
    Christopher W
    Participant

    My website is http://www.thecornerstone.church I am trying to get the nabber transparent on the revolution slider then solid again when scrolling past the slider. I want the homepage to look similar to this: http://elevationchurch.org but not with a static navbar, I’d like it to stay at the top when scrolling down the page.

    Thanks

    #1369548
    Christopher W
    Participant

    I was able to get the navbar mostly transparent but there is still a gray background behind it when all the way to the top. I want the revolution slider video to be behind it.

    #1370033
    Nico
    Moderator

    Hi There,

    thanks for writing in.

    Not sure where the gray background is showing. Would you mind sharing us a screenshot of it or details on how to replicate it on our side.

    Thanks.

    #1370671
    Christopher W
    Participant

    On this picture when scrolled all the way to the top this gray bar is there.

    #1370679
    Christopher W
    Participant

    On this picture when scrolled all the way to the top this gray bar is there….

    #1370686
    Christopher W
    Participant

    As you scroll down the page the gray disappears, but then when the navbar gets past the revolution slider, I need it to be solid again. As well as be solid on all the other pages.

    #1371401
    Christopher
    Moderator

    Hi there,

    None of provided URLs use x. Please activate x on your site so we can see the issue.

    Thanks.

    #1372154
    Christopher W
    Participant

    I’m sorry…. the correct URL is http://test.thecornerstone.church I forgot to include the subdomain 🙂

    #1372422
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    .x-slider-container.below, .page-template-template-blank-4-php .x-slider-container.below {
    margin-top: -100px;
    }

    Hope it helps

    Joao

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