Navigation Bar

Support
#1

Hi.

My website is envirofwa.com. The Nav bar is now working. But on my phone you have to click on the arrows to get the drop down. See the link for the video, i want to be able to click anywhere for the drop down.

https://drive.google.com/file/d/0B8VZtdbeUTUPVG1vU2Z1Q2tqalU/view?usp=sharing

#2

Hello @envirogroup,

Thanks for writing in!

I believe that’s how it should work. If a user want to see the sub menu link, downwards pointing arrow act as a indicator for that. But if you want to change it’s behaviour then please add following JS code in X > Launch > Options > JS:

// Expand Submenus on Parent Menu Click (for mobiles)
jQuery(document).ready(function($) {
   var subMenuLink = $('.x-navbar .mobile .x-nav li.menu-item-has-children > a');
 
   subMenuLink.on('click touchstart', function(e) {
     e.preventDefault();
     var $this = $(this);
     $this.find('.x-sub-toggle').off('click touchstart');
     $this.closest('li.menu-item-has-children').toggleClass('x-active');
     $this.siblings('.sub-menu').slideToggle(300);
   });
});

Please note that above code I have shared is to help you get started. Beyond this providing custom code would fall outside the scope of the support we offer.

Thanks.

#3

Hello,

I used this code without any problems until recently. Recently, it stopped working, and no mobile clicks on either the parent menu or the arrows will open the submenus. Could you please let me know what to do? I’ve disabled the jQuery code for now so people can see the submenus, but I’d like to bring it back so they don’t have to specifically click on the arrow.

Thank you!

Hanel

#4

Hi There,
Thanks again for writing in!

Can you please confirm following things.

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.
  2. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.
  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.
  4. Test 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.

In case the issue persists, would you mind providing us with login credentials so we can take a closer look? Please provide following information:
Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
    All the best!