Change browser width where menu becomes a button

I’ve done some tinkering to try getting the button menu to appear at 59em instead of 48em. I was able to make the button itself appear with this code:

@media screen and (max-width: 59em) {
  .js .menu-toggle,
  .js .dropdown-toggle, {display: block;
   }
  .menu-primary-menu-container {display: none;}
}

However, the isn’t the correct code because the menu doesn’t expand when clicking the button. Presume that “menu-primary-menu-container” is incorrect.

What code do I need to get the vertical menu to appear when clicking the button?

Thanks, Mike

You’re going to have to do this with the JS file that controls the navigation. I can’t remember which that is, but essentially you’ll need to dequeue that file from the parent theme (inside your Child Theme functions.php file), createyour own navigation JS file and then enqueue that instead in the right order.

It’s a lot of work. Is it essential?

Thanks for the insight Andrew. Perhaps I’ll make it non-essential. Mike

There may be hope, I just remembered that it may not be necessary to do all that faff. You may just be able to replicate the file and folder structure from the parent theme and just change that navigation JS file in your Child Theme.

@thelittleyurtmeadow, Go to this page: https://www.ads-software.com/support/theme/twentyseventeen/?view=all

And press the “Unsubscribe …” button

@thelittleyurtmeadow go here.

https://www.ads-software.com/support/theme/twentyseventeen/

And unsubscribe yourself in the top left corner of that page.

You subscribed yourself to the whole Twenty Seventeen sub-forum.