Navigation

Home Forums Spiral HTML5 Template Navigation

This topic contains 1 reply, has 2 voices, and was last updated by  ab-themes 7 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #17759

    KashifJaved1
    Participant

    We need to change the menu as scrolling down it activate the mobile menu where as we need to show the original navigation.
    Can you please guide us what to change in js or css.

    #17767

    ab-themes
    Keymaster

    Hello,

    please go to your custom.js file
    (you can find it js folder)

    and go to line 285 where you have this code:

    var lastScrollTop = 0;
    $(window).on('scroll', function () {
    	scroll_menu_transparency();
    	var st = $(this).scrollTop();
    	if (st > lastScrollTop){
    		   $main_header.addClass('menu_up');
    	} else {
    		   $main_header.removeClass('menu_up');
    	}
    lastScrollTop = st;
    });

    Comment this code and you will see just header with original navigation. Also when you scroll down, original header will stay.

    In original header background color is transparent, so if you want to change color, open your style.css file
    and go to line 1652 where you have this code:

    #ABdev_main_header.transparent {
        background: transparent;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    Just change background: transparent; to color that you like.

    Kind regards

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

The topic ‘Navigation’ is closed to new replies.