Navigation
Archive / Navbar Color Change On Scroll (Page 2)
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • November 12, 2015 at 9:47 am #662595

    Mikedrychatshop
    Participant

    Awesome, thanks.

    Couple of other things coming from that –

    1) how do I target the menu items to change to being the same shade of purple as the “chat now” option when the window is scrolled – ie

    items are white before scroll & then change to purple when the nav bar becomes white?

    2) i’ve got a margin of 10px on the left side – what I wanted to do was have the nav bar as full width, but shift the logo and other nav items over 10px – how do I do that?

    Thanks so much

    November 12, 2015 at 11:20 am #662722

    Rupok
    Member

    Hi there,

    Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding.

    November 18, 2015 at 11:20 am #670253

    Mikedrychatshop
    Participant

    Hi there,

    I’ve found a way to use Jquery so that the menu items change color to purple when the user scrolls. However, my one remaining issue with the nav bar is that the changes to do not revert when the user goes back to the top of the page. Do you have any idea what the issue is there?

    November 18, 2015 at 11:50 am #670305

    Rupok
    Member

    Hi there,

    As stated earlier, custom development is beyond of the support scope we can provide. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding.

    December 22, 2015 at 9:15 am #717496

    Sebastien M
    Participant
    This reply has been marked as private.
    December 22, 2015 at 1:42 pm #717812

    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! I’ve checked your site and I see you haven’t add the jQuery script or CSS code in your Customizer. Please follow this thread https://community.theme.co/forums/topic/navbar-color-change-on-scroll/#post-274570

    Let us know how this goes!

    December 22, 2015 at 2:37 pm #717857

    Sebastien M
    Participant

    Still not working.

    Ive put both the javascript code and css and it is not working…

    Thank you for your help…

    December 22, 2015 at 7:48 pm #718128

    Paul R
    Moderator

    Hi,

    I was able to fix the code.

    Kindly check on your end.

    Thanks

  • Author
    Posts
1 2