Docs

[happydogsnyc]

Hi there –

My site is happydogsnyc.com/hd_504

When seeing it in a mobile browser, there are two problems:

1. The “Services” top-level menu is not touchable — the user must touch the down arrow to open the submenu. Compare this to the desktop version — where the entire Services link is active on hover. Any way to make it open on touch on the word Services, not just on the down arrow, on mobile?

2. The menu is correctly replaced with the hamburger icon on mobile. However, the spacing below the icon is much less than above, which doesn’t look nice. Any way to fix this?

Thanks!

[Rupok]

Hi there,

Thanks for writing in!

#1. That’s usual and pretty expected behavior. Imagine if you had link for the menu “Services” then it should have opened the link. So the arrow is supposed to open the submenu.

#2. Looks like you have added the below code :

.x-btn-navbar {
	margin-top: 31px;
}

Let’s update this to :

.x-btn-navbar {
	margin-top: 12px;
}

Hope this helps.

[happydogsnyc]

Thanks! For #1, actually what I expect is touching Services opens the submenu, just like touching the arrow does. I worry users will touch Services, nothing will happen, and get confused. Is there any way to make this the case?

[Nabeel A]

Hi again,

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.menu-item-has-children').on('touchend click', function(e) {
		$(this).find('.sub-menu').toggle();
	});
});

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

[happydogsnyc]

Thanks — but just tried it and cleared the cache and it didn’t work so well. In fact now the sub-menu doesn’t show when I click the down arrow. I just get a blue flash but no sub-menu.

[happydogsnyc]

P.S. The site is now live at happydogsnyc.com/long-island-city (and I’ve removed the JavaScript code for the moment)

[Lely]

Hello There,

The submenu is opening when I checked on mobile. See attached screenshots.

[Author]

Posts