Making inline navigation clickable on phone

[prebb98]

Hello there.

I have this client that wanted a website that has a clear distinction between their B2C and B2B content. I have in place a navigation inline that will let the user click on either “Private” or “Company” to view the desired part of the website. Also to make it apparent that the user is in either of the directories I have made the menu be black whenever they are on a landing page that is for either company or private. To make this work I had to create a menu in wordpress with the pages as Childs of parent. However I didn’t want the dropdown to appear, so I have made it invisible.

It works flawlessly on my computer. However when I use phone it is not clickable. I can only press hold he button/navigation link. to get to either of the parent pages.

How can I make the top level navigation link, clickable on my mobile phone?

[prebb98]

https://easyupload.io/lwpsqi

[prebb98]

Hey. I just solved it with this code:

jQuery(document).on('click', '.x-menu a.x-anchor-menu-item ', function(event){
    if(jQuery(event.target).hasClass('x-anchor-sub-indicator')) {
    	event.preventDefault();
    } else {
    	var url = jQuery(this).attr('href');
    	window.location = url;
    }
});

[prakash_s]

Hello @prebb98,

Glad that you were able to fix it by yourself. Please feel free to open a new thread if you have any more queries regarding our theme and theme settings.

Thanks