Mobile version: menu and search modal not centered

Hi there,

You can give this CSS a shot:

@media (max-width: 860px) {
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        margin-right: auto;
    }
    nav#sticky-navigation .navigation-branding {
        width: 100%;
        flex-grow: 1;
        padding-inline: 30px;
        margin-left: 0;
    }

    nav#sticky-navigation .sticky-navigation-logo, .navigation-branding img {
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }

    nav#sticky-navigation .inside-navigation {
        justify-content: center;
    }
}

Learn how to add CSS: https://docs.generatepress.com/article/adding-css/

Alternatively, I would also recommend the mobile header feature:
https://docs.generatepress.com/article/mobile-header/

It should look slick and takes less space if you only use the AH icon as the mobile header logo.

Let me know 🙂

Hi Sam,

I updated Leo’s CSS, can you give this one a try?
https://generate.support/topic/mobile-version-menu-and-search-modal-not-centered/#post-112924

You are welcome   🙂