Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #29232

    I am using the one-page version of the Enfold Theme (save the blog) and my main menu replies on anchor links. Problem is, on mobile, using the fly-out nav option, the links don’t work. If I set it to the drop menu style it works, but I don’t want. I’ve already tried absolute links for the menu items (www.getaltrd.com/#about_section) because that that was the only way to get the main nav to work when clicking back from the blog (the only separate page).

    So, is there a fix?

    #140123

    Hi altr,

    I’m getting the same issue when viewing your site. I’ve tagged Kriesi to take a look as I’m not sure if it needs to be adjusted in the mobile menu function or if there is something else that needs adjusting.

    Regards,

    Devin

    #140124

    Thanks. Great, the sooner I get an answer the better. Appreciate it.

    #161566

    Please excuse the late reply – to fix the issue open up enfold/js/avia.js and replace

    
    mobile_advanced.find('.noMobile').remove();
    

    with

    
    mobile_advanced.find('.noMobile').remove();
    
    				jQuery(document).on('click', '#mobile-advanced li a[href*=#]', function()
    				{
    					container.removeClass('show_mobile_menu');
    					container.css({'height':"auto"});
    					return false;
    				});
    
    

    and

    
    						      // cancel default click action
    						      return false;
    

    with

    
    						      // cancel default click action
                                   if(!$(this).parents('#mobile-advanced')) return false;
    
    #162619

    Nice catch!

    Will ad a slightly improved version of this to the next patch, one that also allows to link to external pages with a # symbol :)
    Cheers!

    Kriesi

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘anchor links in fly-out menu not working’ is closed to new replies.