0

I'm working on a project on my desktop for a theme development, but an issue I am having is that when the user clicks on the navigation menu, it causes it to collapse. Since I got collapse to work on hover, I don't need it when clicked.

I'm using the theme Unite. I don't have a way of sharing this project, and only have done surface customizations until the navigation bar. It's all the original PHP and JS. The CSS is original outside of color changes.

If someone is able to assist me, I'd be most appreciative!

1
  • Please provide your code to help of the style for your navigation to help get a better understanding. Commented Aug 26, 2016 at 17:26

3 Answers 3

0

I think this will work for you demo

here is another js solution demo2

$('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});
0
1

In the Menus page, click on the Custom Links section on the left. The Custom Links option lets you link to any URL you want, but we’ve got a special trick instead. In the URL input, replace “http://” with a pound sign “#,” and enter whatever text you want for the Link Text. Click the Add to Menu button, and then you can arrange the new item in your menu. Since the menu item isn’t linked anywhere, visitors won’t be taken to a new page if they click it.

0

This approach uses global variable to return false for link click in desktop but true on mobile and tablet. Also works for resized windows.

$(document).ready(function () {
    win_width = $(window).width();
    $('.yamm-fw > a').click(function(e){
        return win_width < 1200;
    });
});

$(window).on('resize', function () {
    win_width = $(window).width();
});

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.