Tablet Mobile Menu

Hi there,

You can increase the width which mobile menu triggers: https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Let me know if this helps.

In case it helps anyone, I just wanted to add that, to get the menu icon to float to the right on tablet view (instead of displaying in the centre), I did the following:
1. Used the code suggested by Leo above
2. Added a 'float: right;' to the first block of CSS, like so:

.main-navigation .menu-toggle {
		display: block;
		float: right;
	}

3. Set the width of button.menu-toggle to 'auto', and added top and bottom padding to match the navigation logo:

button.menu-toggle {
		margin: 10px 0;
		width: auto;
	}

Thanks for sharing!