Reply To: Page Jumps with Sticky Menu

[Sushil Adhikari]

Hi there,

Please try this code on functions.php file , it may works for sticky menu

//remove celestial theme customize function of parent
add_action('after_setup_theme', 'circumference_child_remove_sticky_action');

function circumference_child_remove_sticky_action() {
	remove_action('wp_head', 'celestial_theme_customize_js');
}

//add sticky menu with offset value 10
add_action('wp_head', 'circumference_child_add_Sticky');
function circumference_child_add_Sticky() {
	?>

	(function ( $ ) {
		$(document).ready(function(){
			var active = "";
            if (active == 1) {
            	$(window).scroll(function() {
            		var scrollTop = $(window).scrollTop();
            		if (scrollTop > 10) {
            			$('#logo img').css({"width":"50%"});
            			$("#cir-site-header").css({"position":"fixed", "right":"0px", "left":"0px", "top": "0px","z-index":"1080","padding": "5px 0px 0px 0px", 'box-shadow': '0.5px 0.5px 0.5px #EAEAEA'});
            			$("#site-navigation").css({"margin":"10px 0"});
					}
					else {
						$('#logo img').css({"width":"100%"});
						$("#cir-site-header").css({"position":"relative", 'box-shadow':'none', "padding": "2em 0"});
				    }
  				});
            }
		});
})(jQuery);

<?php
}

Let us know how it will goes.

We are looking forward for your response.

Thanks