How to disable mobile menu

  • piter92wzg

    (@piter92wzg)


    9 years, 1 month ago

    Hello,

    I am using custom menu plugin because the built-in one doesn’t respond on touch screens (tablets). But now on mobile phone I can see two menu toogles. How can I disable the original one using css? Allegedly code responsible for mobile menu is hide in header.php.

Viewing 8 replies - 1 through 8 (of 8 total)
  • teeru@wensolutions

    (@teeru)

    9 years, 1 month ago

    Hello @piter92wzg

    To disable the original menu at first you need to add the Custom CSS though the plugin.

    You can find many plugin to add custom CSS. Below link is the reference for one of the plugin.

    Custom CSS

    After installing the plugin you will find the custom CSS in Admin Panel / Appearance / custom CSS.

    Here copy and paste below CSS

    @media screen and (max-width: 767px) {
 .site-menu{ 
          display: none !important;
  }
}

    Hope this will resolve your issue.

    Best Regards!!

    Thread Starter piter92wzg

    (@piter92wzg)

    9 years, 1 month ago

    Thank you for your help. It works but it makes my site does not display any menu at all – even this one created using max mega menu plugin. Any ideas?

    teeru@wensolutions

    (@teeru)

    9 years, 1 month ago

    Hello @piter92wzg

    As you have mentioned above that you want to remove the original menu, the code i have provided is to remove the original menu from the small screen such as mobile device. But the menu will be seen in the PC view.

    I hope you understand what i am trying to say .

    Best Regards!!

    Roch

    (@rochesterj)

    9 years, 1 month ago

    Hey @teeru

    Thanks a lot for helping 🙂

    @piter92wzg

    Maybe his CSS code is being applied to the new menu as well if it uses the same selector (.site-menu). Would you mind pasting the link to your website here, so we can check it out?

    Kind Regards,
    -Roch

    Thread Starter piter92wzg

    (@piter92wzg)

    9 years, 1 month ago

    My site: http://www.biznesliga-Silesia.pl

    teeru@wensolutions

    (@teeru)

    9 years, 1 month ago

    Hello @piter92wzg

    I am very sorry that i did not check the menu by using the plugin .

    From the site URL you have provided, i would like to suggest the below CSS.

    button.menu-toggle {
    display: none;
}

    I hope this will resolve your issue.

    Best Regards!!

    Thread Starter piter92wzg

    (@piter92wzg)

    9 years, 1 month ago

    Hi @teeru

    Yes, now original menu toggle disapear and custom menu is alive. Thank you for your help 🙂

    Roch

    (@rochesterj)

    9 years, 1 month ago

    That’s awesome! I’m glad it’s resolved!

    Please, let us know if you need anything else.

    Kind Regards,
    -Roch

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘How to disable mobile menu’ is closed to new replies.