Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #608535

    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)

    #608593

    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

    #608594

    Awesome!
    thank you!!

    #608598

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.