Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 5, 2016 at 10:20 pm #608535
    jomo5280

    I am using a sticky nav, that will shrink up top when scrolled – When scrolling down, where do i control where the nav switches to the “scrolled” state? Unfortunately i have a layout that has the navigation pretty far down on the page, and when it scrolls a bit, it changes to the sticky, small state up top – leaving a big empty space between the nav and the page content. Ideally, the nav content would continue to scroll under the logo area – until the nav gets close, and then it would switch the “scrolled” state.

    Thanks for any suggestions!- (i know this is not really good UX)

    April 6, 2016 at 1:44 am #608593
    Josue

    Hi,

    Open js/avia.js and look for this block of code:

    				if(st < 0) st = 0;
				
				if(shrinking && !isMobile)

    Between those conditionals place st -= 200;:

    				if(st < 0) st = 0;
				
				st -= 200;

				if(shrinking && !isMobile)

    Change 200 by the number you want to use as an additional space before starting the shrink.

    Regards,
    Josue

    April 6, 2016 at 1:45 am #608594
    jomo5280

    Awesome!
    thank you!!

    April 6, 2016 at 1:56 am #608598
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.