Docs

[anothercharles]

Hi,

on the site http://www.klarerkopf.at/ I combined a one pager with submenus.
This works great on the desktop.

When the mobile menu is shown, it is not possible to see the submenu anymore.

See Menu “Veranstaltungen” – the sub menus are not shown on a mobile (iPad or iPhone).

Thanks for your help

Charly

[Joao]

Hi Charly,

I can confirm the issue on my end.

This is not a common issue on X Theme.

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If that does not work, please provide us your credentials in a private reply so we can take a look.

Thanks

Joao

[anothercharles]

This reply has been marked as private.

[Nabeel A]

Hi again,

To fix the issue please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
	var a = $('.x-sub-toggle');
	a.each(function(){
		b = $(this).parent();
		$(this).insertAfter(b);
	});
})(jQuery);

Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-sub-toggle {
    z-index: 9999 !important;
}
li.menu-item-has-children {
    position: relative !important;
}
.x-sub-toggle>span {
    top: 13px !important;
    margin-top: 0px !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[anothercharles]

Hi Nabeel,

Thanks for the quick reply.
I did what you wrote.
I checked – the script is loaded – the css is loaded.
But its not working – it is still immediately scrolling down when I open the submenu.

Thanks for your help – could you please take a look again?

Best regards
Charly

[Rad]

Hi there,

Please change this code

(function($) {
	var a = $('.x-sub-toggle');
	a.each(function(){
		b = $(this).parent();
		$(this).insertAfter(b);
	});
})(jQuery);

to this,

jQuery( function($) {

$(document).ready( function(){

setTimeout( function() {

$('.x-sub-toggle').each( function() {

$(this).insertAfter( $(this).parent() );

} );

}, 500 );

} );

} );

Hope this helps.

[anothercharles]

Hi Rad,

Thx – it worx ;D You made my day 😉

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts