Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

menu on the mobile to the left of the logo

  • Hello,

    I would like to place the menu to the left of the logo in the mobile version.

    I attach sample links

  • Hi there,

    1. go to Customizer > Layout > Header
    1.1 ativate the Mobile Header and add a Mobile Logo

    2. add this CSS to your site:

    nav.main-navigation.has-branding .menu-toggle {
        order: -1;
        margin-left: 0;
    .main-navigation .navigation-branding {
        margin-inline: auto;
  • In the CSS I get a warning of unknown property in margin inline.

    The menu is not to the left of the logo

  • You can ignore the warning beside the margin-inline the CSS Parser that WP uses in the customizer is old, and own’t recognise a lot of modern CSS properties.

    The logo is too large for the mobile header on smaller screens hence the alignment stacks.


    1. make the mobile logo smaller with some CSS:

    #mobile-header .mobile-header-logo img {
        height: 50px;

    OR use a smaller logo for mobile.

    2. remove the Mobile Menu label from Customizer > Layout > Primary Navigation so it only displays the icon.

  • Perfect,


  • You’re welcome

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