Archived topic

Changing mobile menu aligning of items

5 replies · Started by William on December 30, 2020

Viewing posts 1–6 of 6

December 30, 2020 at 4:26 am #1599267

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?

December 30, 2020 at 5:12 am #1599312

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

December 30, 2020 at 5:19 am #1599319

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

December 30, 2020 at 6:32 am #1599391

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

December 30, 2020 at 6:54 am #1599598

That's amazing thank you! :)

December 30, 2020 at 8:06 am #1599696

You're welcome

This archived topic is closed to new replies.

Start building better websites today.