Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1124794
    Melstrathdee
    Participant

    Hi I have a website that runs as a single page website.
    http://www.theappassembly.com
    I’m having a problem with my menus that displays on the blog pages back to the main page.
    Blog page http://www.theappassembly.com/the-secret-language-of-splunk/
    They work find unless you are using the hamburger menu on a mobile decice and then the links just do nothing.
    Any help would be greatly appreciated. Thanks

    #1125120
    Rupok
    Member

    Hi there,

    It seems fine on mobile menu as well. It’s working same as the desktop so not sure what you are referring by “the links just do nothing.”, Would you check again and clarify?

    Cheers!

    #1126307
    Melstrathdee
    Participant

    I’ve checked an it isn’t working. Here is how to reproduce it:

    1. Open this blog post on a mobile (only happens on a mobile)
    http://www.theappassembly.com/the-secret-language-of-splunk/

    2. Turn the screen so you have the hamburger menu.

    3.Select any of the drop down links (they all go to the same page but are anchor links to different sections)

    4. Nothing happens.

    If you hold the link down and select open in new window. It opens correctly.

    I can reproduce the problem on iphone6 plus and an andriod device. Could you take another look please.
    Thanks

    #1126802
    Rad
    Moderator

    Hi there,

    Please add this code to Admin > Appearance > Customizer > Custom > Javascript.

    jQuery ( function($) {
    
    $(document).ready( function() {
    
    $('body:not(.home) .x-navbar .mobile .x-nav li>a').off('touchstart touchend').on('click touchstart touchend', function(e){ e.stopPropagation(); window.location = $(this).attr('href'); } );
    
    } );
    
    } );

    Hope this helps.

    #1127842
    Melstrathdee
    Participant

    Excellent thank you that worked perfectly.
    Great support guys!!

    #1127845
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1124794 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>