Sign inGet GeneratePress One

Archived topic

Changing mobile menu aligning of items

5 replies · Started by William on December 30, 2020

Viewing posts 1–6 of 6
#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?

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

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

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

That's amazing thank you! :)

#1599696

You're welcome

This archived topic is closed to new replies.