[Resolved] Changing mobile menu aligning of items

Home Forums Support [Resolved] Changing mobile menu aligning of items

Home Forums Support Changing mobile menu aligning of items

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1599267
    William

    Hi there,

    When the mobile menu is enabled such as here, the logo is on the left, search next, and the canvas menu.

    Is there a way to change this, such as to have the logo in the middle, and the search/canvas menu on the left/right or vice versa?

    #1599312
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    #mobile-header .menu-bar-items {
        order: -1;
        margin-right: auto;
        padding: 0 10px;
        text-align: center;
    }
    #mobile-header .site-logo {
        margin-left: 0;
    }
    #1599319
    William

    That’s great thank you – are you able to provide something similar is I wanted the search and menu the other way around?

    #1599391
    David
    Staff
    Customer Support

    Try this instead:

    #mobile-header .menu-toggle {
        order: -1;
        margin-right: auto;
    }
    #mobile-header .menu-bar-items {
        padding: 0 10px 0 0;
    }
    #mobile-header .site-logo {
        margin-left: 0;
    }
    #1599598
    William

    That’s amazing thank you! 🙂

    #1599696
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.