[Support request] Tablet Mobile Menu

[Matthew]

Hi

Is it possible to set the mobile menu to tablet as well. Currently the main menu takes 2 lines on tablet sized devices, but then switches to mobile at I think 776px.

[Leo]

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.

[Caroline]

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;
	}

[Leo]

Thanks for sharing!

[Author]

Posts