• Hi
    Its a landing page.
    1st problem is header (menu) is not sticky on mobile & tablet.
    2ndly On activation of toggle menu on mobile or table, it opens the sub menu but on clicking the submenu links, it doesn’t closes but scrolls till anchor below the submenu & on closing the submenu scrolls back to top.
    Kindly suggest what to do.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    Thank you for your queries.

    1st problem is header (menu) is not sticky on mobile & tablet.

    Try adding this CSS code to your site’s Additional CSS under the Appearance menu > Customize.

    @media only screen and (max-width: 1024px) {
      .sticky-active .mobile-header {
        position: sticky;
        top: 0;
      }
    }

    We have custom JavaScript solution already for your second issue. You can try applying the same code that you can follow from this thread.

    Thread Starter vikasbobi

    (@vikasbobi)

    Dear Kharis,
    Tried to use the mentioned JS Code

    (function($){
    
        if( matchMedia('only screen and (max-width: 1024px)') ) {
            $( document ).on('click', function(e){
                if( !$( e.target ).closest('.menu-toggle').length ) {
                    $('.sydney-offcanvas-menu').removeClass('toggled');
                }
            });
        }
    But its giving some error https://prnt.sc/hQ4iYUh_JLjR 
    Can you please check & correct.
    Thanks
    
    })(jQuery);
    Thread Starter vikasbobi

    (@vikasbobi)

    ???

    Hi @vikasbobi,

    I am sorry for the delay in response.

    As checked from your site’s source code, looks like the script was added into different place. Did you use Custom JavaScript plugin to add the code? Please confirm.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile submenu’ is closed to new replies.