Okay
  Public Ticket #3086741
Mobile Menu
Closed

Comments

  • roorkee started the conversation
    July 18, 2022 at 11:43pm

    Hi,

    For mobile, I would like the menu to minimize after clicking on an anchor point.  At the moment, the menu blocks the view of the page after clicking on a menu item.

    Please advise,

    Thank you.

  •  933
    Neuron replied
    July 19, 2022 at 10:25pm

    Hi,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    Feel free to ask for anything you need.

    Kind Regards


  • roorkee replied
    July 20, 2022 at 12:54pm

    Hi,

    https://goontokyo.jp/

    USER: tokyostudio

    PW: tkyjpn2022%

    Thank you

  • roorkee replied
    July 24, 2022 at 3:20am

    Please let me know when you have had the time to take a look. 

    It occurs on your demo as well where the menu blocks the upper portion of the section on mobile devices when clicking on a menu item(anchor point).

    If the menu would minimize after clicking, it will solve the issue I believe.
    Thank you in advance.

    Luke

  •  933
    Neuron replied
    July 24, 2022 at 11:14am

    Hi Luke,

    I'm so sorry for the late reply,

    Can you please take a look at it as I can't reach the login page?

    - https://ibb.co/jwqp7Ny

    Feel free to ask for anything you need.

    Kind Regards


  • roorkee replied
    July 24, 2022 at 12:47pm

    Hi,
    Please try again, I have removed the firewall. Sorry about that.

    https://goontokyo.jp/wp-login

    Luke

  • roorkee replied
    July 26, 2022 at 1:36am

    Hi, Please let me know if you where able to take a look.

    Thanks!

  • roorkee replied
    July 28, 2022 at 9:46am

    Hi, were you able to access the page?

    Thank you.

  •  933
    Neuron replied
    July 28, 2022 at 11:29am

    Hi,

    I've installed a plugin called "Insert Headers and Footers" and I've added the following script to it, can you please take a look at your mobile menu now?

    <script>
jQuery(window).on('load', function(){
    
    var $ = jQuery,
    
    $('.l-primary-header--responsive__nav nav ul.menu li.menu-item a').click(function() {
        $('.l-primary-header--responsive__nav.active').css({
            'visibility' 'hidden !important'
        });
    });
    
});
</script>

    Feel free to ask for anything you need.

    Kind Rgards


  • roorkee replied
    July 29, 2022 at 2:41am

    Thank you for your reply.
    However, the mobile menu still shows after click and the problem still exists.
    The plugin does not seem to be installed either : (

    Can you take a look again?

    Thank you

  • roorkee replied
    July 31, 2022 at 7:51am

    I was able to temporary solution of making the menu header not visible when clicked or scrolled down the page. If this issue can be fixed with a sticky header but the menu items not visible when scrolled down or clicked, please let me know.

    Thank you.

  •  933
    Neuron replied
    August 1, 2022 at 7:50am

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    Glad to know that you found a temporary solution, I'm going to take a look at it and fix this issue.

    Feel free to ask for anything you need.

    Kind Regards