https://phosphorus.io/wp-content/themes/onum/js/header-mobile.js?ver=20190829

1(function($) {
2  "use strict";
3
4  	/* Header Default */
5	if ( $('header').hasClass('cd-header') && ! $('header').hasClass('header__transparent') ) {
6        var nav = $('.cd-header');
7        var injectSpace = $('<div class="header__clone"></div>').insertAfter(nav);        
8        $(window).on('load resize', function(){
9        	var headerHeight = nav.outerHeight();
10        	injectSpace.css( 'height', headerHeight).show();            
11        });       
12    } 
13
14	/* ========================================== 
15	Sticky Header 1
16	========================================== */
17	if ( $('header').hasClass('cd-header') ) {
18	  	$(window).on( 'load scroll resize',
19		{
20	        previousTop: 0
21	    }, 
22	    function () {
23	    	/*primary navigation slide-in effect*/	    	
24	    	var headerHeight = $( '.cd-header' ).outerHeight();	
25			var currentTop   = $(window).scrollTop();
26			if ( $( '.header-topbar' ).length > 0 ) {
27				if ( $(window).width() < 1199 ) {
28		            var topbarHeight = 0;
29		        } else {
30		            var topbarHeight = $( '.header-topbar ' ).outerHeight();
31		        }
32			} else if ( $('.topbar__off').length > 0 ) {
33				var topbarHeight = $( '.topbar__off' ).outerHeight();
34	    	} else {
35	    		var topbarHeight = 0;
36	    	}	    	
37	    	if ( $('#wpadminbar').length  > 0 ) {
38	    		var adminbar     = $( '#wpadminbar' ).outerHeight();
39	    	} else {
40	    		var adminbar     = 0;
41	    	}
42		    /*check if user is scrolling up*/
43		    if ( currentTop < this.previousTop ) {
44		    	/*if scrolling up...*/
45		    	if ( currentTop > 0 && $( '.cd-header' ).hasClass( 'is-fixed' ) ) {
46		    		$( '.cd-header' ).addClass( 'is-visible' );
47		    		$( '.mmenu__overlay, .mmenu_wrapper, .mmenu-overlay, .mmenu-wrapper' ).css( 'top', 0 );
48		    	} else {
49		    		$( '.cd-header' ).removeClass( 'is-visible is-fixed' ).css( 'top', 0 + adminbar );	
50		    		$( '.cd-header .header__sticky' ).removeClass( 'is-header-sticky' );
51                    $( '.cd-header .octf-btn-cta' ).removeClass( 'is-icon-sticky' );                    
52		    	}
53		    } else {
54		    	/*if scrolling down...*/
55		    	$( '.cd-header' ).removeClass( 'is-visible' );
56		    	if ( currentTop > headerHeight && !$( '.cd-header' ).hasClass( 'is-fixed' ) ){
57		    		$( '.cd-header' ).addClass( 'is-fixed' );		    		
58		    		$( '.cd-header.is-fixed' ).css( 'top', -( headerHeight - topbarHeight - adminbar ) );
59		    		$( '.mmenu__overlay, .mmenu_wrapper, .mmenu-overlay, .mmenu-wrapper' ).css( 'top', headerHeight );
60		    		$( '.cd-header .header__sticky' ).addClass( 'is-header-sticky' );
61                    $( '.cd-header .octf-btn-cta' ).addClass( 'is-icon-sticky' );
62		    	} 
63		    }
64		    this.previousTop = currentTop;
65		});
66	}
67
68    /* --------------------------------------------------
69    * Side Panel
70    * --------------------------------------------------*/
71    var panel_btn = $('#panel-btn'),
72    sidebar = $('#side-panel');
73    function panel_handler() {
74        var isActive = !panel_btn.hasClass('active');
75        panel_btn.toggleClass('active', isActive);
76        sidebar.toggleClass('side-panel-open', isActive);
77        $('body').toggleClass('side-panel-active', isActive);
78        return false;
79    }
80    $('#panel-btn, .side-panel-close, .panel-overlay').on('click', panel_handler);
81	
82	/* ========================================== 
83	Search on Header
84	========================================== */
85	$('.toggle_click_search_1').on("click", function(){
86		$(this).toggleClass( "active" );
87        $('.h-search-form-field').toggleClass('show');
88        if ($(this).find('i').hasClass( "flaticon-search" )) {
89       		$('.toggle_search > i').removeClass( "flaticon-search" ).addClass("flaticon-delete");
90        }else{
91       		$('.toggle_search > i').removeClass( "flaticon-delete" ).addClass("flaticon-search");
92        }
93        $('.h-search-form-inner > form > input.search-field').focus();
94    });
95
96    /* ========================================== 
97	Header Mobile
98	========================================== */
99	var mmenu_toggle = $('#mmenu_toggle'),
100        mmenu        = $('#mmenu_wrapper');
101
102    function mmenu_handler() {
103        var isActive = !mmenu_toggle.hasClass('active');
104
105        mmenu_toggle.toggleClass('active', isActive);
106        mmenu.toggleClass('mmenu__open', isActive);
107        $('body').toggleClass('mmenu__active', isActive);
108        return false;
109    }
110
111    $('#mmenu_toggle, .mmenu__close, .mmenu__overlay').on('click', mmenu_handler);
112
113	/* mmenu_wrapper create span */
114	$('.mmenu_wrapper li:has(ul)').prepend('<span class="arrow"><i class="flaticon-arrow-point-to-right"></i></span>');
115	$(".mmenu_wrapper .mobile_mainmenu > li span.arrow").click(function() {
116        $(this).parent().find("> ul").stop(true, true).slideToggle()
117        $(this).toggleClass( "active" ); 
118    });

119
120})(jQuery);