// Conditions
// 1. Menu should be using full url, eg. http://site.com/#x-content-band-1 and not just #x-content-band-1
// 2. Use just one menu for both Primary and One Page.

jQuery(function($){
	
	var window_base = window.location.href.split("#").slice(0)[0];
	var window_hash = window.location.href.split("#").slice(-1)[0];
	var outbound = /^https?:///i;

	$('.x-nav a').each(function(){ //Scan links and convert them to relative hash for one page navigation's Active statuses to work properly when manually scrolling

		var hash = $(this).attr('href').split("#").slice(-1)[0];
		var anchor_base = $(this).attr('href').split("#").slice(0)[0];

	    if(hash) { //Does it have hash? then perform check
		    if(anchor_base == window_base) { //If same page, then no need to reload, just make it relative
		    	$(this).attr('href', '#'+hash);
		    } // Else, leave it that way. So when user clicked, it will just link them to outbound page
		}

	}).click(function(e){ //Enable Parent and Submenu scrolling
		
		var hash = $(this).attr('href').split("#").slice(-1)[0];

	    if(hash && !outbound.test( $(this).attr('href') ) ) { //Does it have relative hash?

		    	e.preventDefault(); //Disable jumping
		    	e.stopPropagation();

		    	$('html,body').animate({ scrollTop: $('#' + hash ).offset().top - $('.x-navbar').height()},700 ,'swing');

		    	//Now add active status for automatic scrolling
		    	$('.x-nav li').removeClass('current-menu-item');
		    	$(this).parent().addClass('current-menu-item');

		}

	});

	$(document).ready(function(){ // Enable auto scroll when loaded.
		
		$('.x-nav li').removeClass('current-menu-item');
		//$('a:not([href*="#"])').parent().addClass('current-menu-item'); For experiment only

		if(window_hash) {
			$('a[href$="#'+window_hash+'"]').click(); //Click it, so it will use default click from one page navigation event and submenu event
		}
	})

});

Moreover, when i erase this code from Javascript (Customiser page), it looks like this:

(As if all bands were active) + animation of navigation on homepage stops working.

Menu worked from other pages, but some of my scripts broke. For example, go to this page:

Hover on ALL images and move away the mouse cursor. You’ll notice that tooltip doesn’t goes away.

Now, go here:
Try to switch the tabs. They don’t work.

Moreover, about optimisation:

3. W3TC. Google Page Speed stuff shows that caching is not enabled. However, it’s not true. Something wrong.

4. Minifying by gzip crashes my site, could you also please check it?

5. Google also tells me that this scripts prepare to open proper my page:

http://nar-logistics.kz/wp-includes/js/jquery/jquery.js
http://nar-logistics.kz/…includes/js/jquery/jquery-migrate.min.js
http://nar-logistics.kz/…s/x/framework/js/dist/site/x-head.min.js
http://nar-logistics.kz/…es/js/dist/site/x-shortcodes-head.min.js
http://nar-logistics.kz/…s/x/framework/js/dist/site/x-body.min.js
http://nar-logistics.kz/wp-includes/js/comment-reply.min.js
http://nar-logistics.kz/…es/js/dist/site/x-shortcodes-body.min.js

Optimise this scripts also:
http://nar-logistics.kz/wp-content/uploads/useanyfont/uaf.css
http://nar-logistics.kz/…p-content/themes/x-child-renew/style.css
http://nar-logistics.kz/…es/x/framework/css/site/stacks/renew.css
http://fonts.googleapis.com/…o:900|Offside:400&subset=latin,latin-ext
http://nar-logistics.kz/…ntent/plugins/x-shortcodes/css/renew.css

Thank you!

I guess you already found a way to make it work 🙂 Good job!

You must only use cache/minify’s option recommended by your cache plugin. And gzip isn’t one of it’s option. Gzip compression is automatic when enabled and not totally related to minifier.

Have you setup your minifier correctly? http://nar-logistics.kz/wp-admin/admin.php?page=w3tc_install

Cheers!

I didn’t find a way to make it work! 🙂 So, i need your help on everything i wrote in the first post.

P.S. I made a minifier setup correctly, btw “Browser Cache” option in W3TC crashes the website. (you can try it yourself)
+ Minifier option crashes site (100%)
+ One more question: How did you guyz make image before static menu on http://theme.co/x/ ? I’d like to do the same thing

wrong alignment. check it out, please.

Waiting for response. Thank you.

Okay saw it, it’s not crashing but it links to no existing minified files. If the link isn’t found then you will lost some styling. Common cause are not properly installed minifier and not writable cache folder. We do not support 3rd party plugin troubleshooting. But you may provide ftp login so we could do some quick check up.

Are you referring to fixed menu? You can enable it at Admin > Appearance > Customizer > Header > Navbar Position > Fixed Top.

The alignment is just normal because you’re using column. Content from each column are independent to each other 🙂 The solution for that is using gap shortcode. Just add more gap space to align them accordingly.

Cheers!

Please check http://theme.co/x/member/kb/sliders/,you can set slider above masthead and use fixed menu(which is now) to achieve the style.

Hope it helps.

Can you please remove the previous code from your Customizer’s Javascript and add this code below instead in your Child theme functions.php

add_action('wp_footer','additional_onepager_script');
function additional_onepager_script() {
	if ( !is_page(6643) ) { ?>
<script id="custom-js">
jQuery(function($){
	
	var window_base = window.location.href.split("#").slice(0)[0];
	var window_hash = window.location.href.split("#").slice(-1)[0];
	var outbound = /^https?:///i;

	$('.x-nav a').each(function(){ 
		var hash = $(this).attr('href').split("#").slice(-1)[0];
		var anchor_base = $(this).attr('href').split("#").slice(0)[0];
	    if(hash) { //Does it have hash? then perform check
		    if(anchor_base == window_base) { //If same page, then no need to reload, just make it relative
		    	$(this).attr('href', '#'+hash);
		    } // Else, leave it that way. So when user clicked, it will just link them to outbound page
		}
	}).click(function(e){ //Enable Parent and Submenu scrolling
		var hash = $(this).attr('href').split("#").slice(-1)[0];
	    if(hash && !outbound.test( $(this).attr('href') ) ) { //Does it have relative hash?
		    	e.preventDefault(); //Disable jumping
		    	e.stopPropagation();
		    	$('html,body').animate({ scrollTop: $('#' + hash ).offset().top - $('.x-navbar').height()},700 ,'swing');
		    	$('.x-nav li').removeClass('current-menu-item');
		    	$(this).parent().addClass('current-menu-item');
		}

	});
	$(document).ready(function(){ // Enable auto scroll when loaded.
		$('.x-nav li').removeClass('current-menu-item');
		if(window_hash) {
			$('a[href$="#'+window_hash+'"]').click(); //Click it, so it will use default click from one page navigation event and submenu event
		}
	})
}); 
</script>
<?php
	}
}

Let me know how it works.