Navigation
Archive / Scroll Slider Behind Header & Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 9, 2017 at 5:33 pm #1365001
    Amanda P
    Participant

    Hi X team!

    Here’s the page I’m working on: http://www.vanessagroshong.com/home-page-new/

    I want to make the slider scroll behind the logo/nav bar, but I don’t want it to go behind them BEFORE the scroll. I tried adding margin-top to the slider css but it doesn’t do anything.

    Also, I am redesigning the existing website so I cannot change the customizer settings at this time (I’ve simply been putting custom css on the page’s custom css section) as to not effect the existing live website. Is there an easier way to go about this? haha

    Thanks!

    February 9, 2017 at 10:08 pm #1365386
    Amanda P
    Participant

    Okay… so I have figured how to make it go behind… i made the logo and nav div’s have a z-index of 1.

    … but now I am having trouble with the jquery … in which I am trying to make the logo disappear when the page is scrolled so that only the nav bar is fixed to the top. It will minimize the logo div but then it pops back up. Same URL.

    Who knows, I might figure it out on my own but if you have any suggestions that would be GREAT!

    February 9, 2017 at 11:30 pm #1365467
    Rupok
    Member

    Hi there,

    Thanks for writing in! Can you clarify what you are trying to do with the logo while scrolling? Which jQuery you are using? Let us know so that we can assist.

    Cheers!

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