CSS classes wrongly applied to menu in home page

There is a bigger problem, all top level menu items are pointed to the same page, home page. CSS seems to be a secondary problem, which may go away after menu is fixed.

I am not sure how to proceed, we have no way to reproduce it. Do you mind to give us admin access to a test-copy of your site? Use qtranslateteam at gm ail d c om, if you decide to do so.

Yes, you’re right, hadn’t noticed it. I’m sending you an email. Thank you!

Do you use QTranslate Slug, by a chance? If so, it might be one more manifestation of its incompatibility.

I used to use it and it is already installed but is not active. I’ve had some problems also between mqTranslate and qTranslate slug, so I deactivated it some time ago.

Dear John,

My issue is not so different. After installing qTranslate-X all my menu items in Primary Menu got the unwanted classes.

All my Menus are pointing to the same page, because its a onepage solution. with domain.sk/#galery anchor calls.

How can I solve this issue?

Added CSS classes: current-menu-item to all li, s then active class to.

I have this jQuery added which is good, when no qTranslate-X is installed.

jQuery(window).scroll(function() {

	//O nas
	if (jQuery("#page-id-53").isOnScreen(0.5, 0.5)) {
		jQuery("#menu-item-225").addClass("current-menu-item");
	} else {jQuery("#menu-item-225").removeClass("current-menu-item");}

	//Galeria
	if (jQuery(".portfolio-list").isOnScreen(0.5, 0.5)) {
		jQuery("#menu-item-226").addClass("current-menu-item");
	} else {jQuery("#menu-item-226").removeClass("current-menu-item");}

	//Aktuality
	if (jQuery("#page-id-215").isOnScreen(1.0, 1.0)) {
		jQuery("#menu-item-227").addClass("current-menu-item");
	} else {jQuery("#menu-item-227").removeClass("current-menu-item");}

	//Termalne
	if (jQuery("#page-id-94").isOnScreen(1.0, 1.0)) {
		jQuery("#menu-item-228").addClass("current-menu-item");
	} else {jQuery("#menu-item-228").removeClass("current-menu-item");}

	//Kontakt
	if (jQuery("#page-id-90").isOnScreen(0.6, 0.6)) {
		jQuery("#menu-item-229").addClass("current-menu-item");
	} else {jQuery("#menu-item-229").removeClass("current-menu-item");}
});

My webpage: https://karmonpark.kremelina.sk/

Thanks,
Peter.

I solved this in the meantime with code:

//Remove unwanted classes added by qTranslate

	//O nas
	jQuery("#menu-item-225").removeClass("current-menu-item active");

	//Galeria
	jQuery("#menu-item-226").removeClass("current-menu-item active");

	//Aktuality
	jQuery("#menu-item-227").removeClass("current-menu-item active");

	//Termalne
	jQuery("#menu-item-228").removeClass("current-menu-item active");

	//Kontakt
	jQuery("#menu-item-229").removeClass("current-menu-item active");

	//Rezervacia
	jQuery("#menu-item-230").removeClass("current-menu-item active");

But my other code which is scrollTo is also not working after qTranslate-X.

$('a[href^=#]').click(function(){
		event.preventDefault();
		var target = $(this).attr('href');
		  $('html, body').animate({
			scrollTop: $(target).offset().top - 63
		}, 600);
	});

SOLVED too: qTranslate added absolute path instead just #page-id-53 anchor.
Updated jQuery:

//Kattintasok, hogy szepen oda menjenek, ahova kell
	$('#menu-item-225 a, #menu-item-226 a,#menu-item-227 a,#menu-item-228 a,#menu-item-229 a').click(function(){
		event.preventDefault();
		var target = $(this).attr('href');
		var link = target.split('#');
		//console.log(link[0] + "masodik: " + link[1]);
		var link2 = "#"+link[1];
		//console.log(link2);
		  $('html, body').animate({
			scrollTop: $(link2).offset().top - 63
		}, 600);
	});

I am having completely the same issue – after activation of qTranslate X plugin, CSS classes for link menu items on the front page are wrong (there are “current-menu-item” and “current_page_item” classes everywhere). If I deactivate the plugin, the CSS classes are correct. I have not had installed qTranslate Slug before.

Another issue is that targets of links (which should be href=”#” in my case for top level menu items) are replaced by url address of the website (therefore they lead to the front page which I do not want).

I used similar solution as beamkiller to fix that:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
<?php if (is_front_page()) { // FIX MENU ON FRONT PAGE ?>
	function myFix() {
		jQuery("#menu-item-40").removeClass("current-menu-item current_page_item");
		jQuery("#menu-item-41").removeClass("current-menu-item current_page_item");
		jQuery("#menu-item-42").removeClass("current-menu-item current_page_item");
		jQuery("#menu-item-40 a:first").attr("href", "#")
		jQuery("#menu-item-41 a:first").attr("href", "#")
		jQuery("#menu-item-42 a:first").attr("href", "#")
	}
<?php } else { ?>
	function myFix() {
		jQuery("#menu-item-40 a:first").attr("href", "#")
		jQuery("#menu-item-41 a:first").attr("href", "#")
		jQuery("#menu-item-42 a:first").attr("href", "#")
	}
<?php } ?>
	window.onload = myFix;
</script>