[Resolved] Center Logo on Mobile for a woocommerce store

[FunkyCss]

Hi there,

I would like to use my logo on center on mobile left the menu and right the cart, like most woo stores for mobile.

There is any way I can do this for my website ?

I have tried mobile header but does not has this kind of option.

[David]

Hi there,

try this CSS:

@media(max-width: 768px) {
    #mobile-header.main-navigation .menu-toggle {
        order: -1;
        margin-right: auto;
    }

    #mobile-header.main-navigation .mobile-header-logo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

[FunkyCss]

Works like a charm!

Thank you so much!

[David]

Glad to hear that!!

[Author]

Posts