Mobile menu button not working with a certain width

Dear ATheme support team,
I changed in the theme editor the point at which the button should show up instead of the normal menu, but the button for the mobile menu does not open the dropdown menu.

Where and how do I change that the button acitvates the menu??
I’m looking for a solution for a long time and don’t have any ideas any more …

I see in the firefox-inspector that the button is active:
<div class=“btn-menu active”></div>

But it does not acitvate this:
<nav id=“mainnav-mobi” class=“mainnav” role=“navigation” style=“display: block;”></nav>

Would be so great, if you could help me!!

Thank you*

Hello there,

Please share your site URL here, so I can inspect the trouble closely.

Regards,
Kharis

Dear Kharis,

thank you!

Here comes the (shortened) link: http://bit.ly/2qK488x

Best*

Hello there,

Since you wish to have the mobile menu on larger screen, you’ll need extra jQuery and CSS code to make it visible. Follow the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

(function($){
      
    "use strict"

    if ( matchMedia( 'only screen and (min-width: 1025px) and (max-width: 1199px)' ).matches ) {
      $('#mainnav').attr('id', 'mainnav-mobi');
    }
    
})(jQuery);

  1. Update
  2. Add this custom CSS code to Appearance > Customize > Additional CSS in your site dashboard.

@media only screen and (max-width:1199px) {
  
  #mainnav,
  #mainnav-mobi {
     display: none;
  }  
 
  .btn-menu {
    display: block;
  }
  
}

Regards,
Kharis

Thank you so much!
It was really easy and it works!
It’s always good to learn something new, now I know how to change java script in wordpress, great!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

If you enjoyed Sydney and our services, could you please take a few minutes to write some review and tell your experience working with our product on WP.org here? We’d highly appreciate it if you do so.

Have a wonderful day!

Regards,
Kharis

Review: done :slight_smile:
Thank you for the great support!

Thank you so much! We really appreciate it.

Thank you for choosing Sydney.

Regards,
Kharis