Site logo

[Support request] Tablet Mobile Menu

Home Forums Support [Support request] Tablet Mobile Menu

Home Forums Support Tablet Mobile Menu

  • This topic has 3 replies, 3 voices, and was last updated 8 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #365518
    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.

    #365714
    Leo
    Staff
    Customer Support

    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.

    #515459
    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;
    	}
    #515743
    Leo
    Staff
    Customer Support

    Thanks for sharing!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.