Reply To: Sticky Menu issue

[Support]

Open the file js/theme.js and replace the stickyMenu function to be like this:

stickyMenu: function() {

	if($("body").hasClass("boxed"))
		return false;

	var headerHeight = $("body > header").height();
	var logo = $("header .logo img");
	var $this = this;
	var logoSmallHeight = 50;

	$this.checkStickyMenu = function() {

		if($(window).scrollTop() > headerHeight + logoSmallHeight && $(window).width() > 768) {

			if($("body").hasClass("sticky-menu-active"))
				return false;

			$("body").addClass("sticky-menu-active");
			logo
				.height(logoSmallHeight)
				.css("width", "auto");

		} else {

			$("body").removeClass("sticky-menu-active");
			logo
				.css("height", "auto")
				.css("width", "auto");

		}

	}

	$(window).on("scroll", function() {

		$this.checkStickyMenu();

	});

	$(window).on("resize", function() {

		$this.checkStickyMenu();

	});

	$this.checkStickyMenu();

	// Link Hash
	$("a[data-hash]").click(function() {
		var target = $(this.hash);
		
		if(target.get(0)) {
			if(target.position().top > headerHeight + logoSmallHeight && $(window).width() > 768) {
				setTimeout(function() {
					$("html,body").scrollTop(target.offset().top - (100));
				}, 100);
			}
		}

	});
	
},

and all links/buttons where you want to use that must be like this:

a href="#example" data-hash class="btn btn-large btn-primary">Example

Try this and let me know if it works for you.

---