Mobile Menu Drop down looses functionality

Support
#1

Hey there,
I’ve got a services tab on my menu that scrolls to an id on the front page, but it’s also a drop down menu with more selection. On a desktop it works great as a mouse hover opens the drop down, but on mobile the click scroll function takes over and so it will not drop down. What’s the solution to this? Let me know. thanks!

here’s my site: boyersconstruction.com

#2

Hey there,

Thank you for reaching out to us. To fix the issue, please add the following code in the Theme Options > JS:

jQuery( function($) {
	$(document).ready( function(){
		setTimeout( function() {
			$('.x-sub-toggle').each( function() {
				$(this).insertAfter( $(this).parent() );
			});
		},500);
	});
});

Then add the following code in the Theme Options > 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 all caches including your browser’s cache after adding the code. Let us know how this goes!

#3

Worked perfectly! Thanks!

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.