Docs

[koosang153]

I am using icon theme for navigation bar
and when I try to click menu word on navigation bar on mobile, the entire box that contains word for each menu is supposed to be clickable and linking function, but only the ⤋ arrow and word itself is clickable not the space inbetween inside the same box..
if you know what I mean…

so that bothers my client and asking me why navigation bar button is not working.

How can I fix this issue? Can I make entire each box to be clickable?

[koosang153]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following code under Customizer > Custom > Global Javascript:

jQuery(function($){
	$('.x-navbar .mobile .x-nav li.menu-item-has-children>a').on('click', function(e) {
		e.preventDefault();
		var sub_toggle = $(this).find('.x-sub-toggle'),
			sub_menu = sub_toggle.attr('data-target');
		sub_toggle.toggleClass("x-active").closest('li').toggleClass("x-active");
		$(sub_menu).slideToggle().toggleClass('in');
	});
});

Hope it helps 🙂

[koosang153]

Thanx Thai!

One more question,

I am using icon theme, and some how it make my mobile navigation menu icon to have innershadow which I don’t like.
To take out the innershadow, what code should I insert?

tribeluga.com/cn is my site!

Please help!!
Thanx!!

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-btn-navbar, .x-btn-navbar:hover {
     text-shadow: none !important;
}

Hope it helps

Joao

[Author]

Posts