Centre header on mobile

Hi there,

One of the main reasons I got this theme was because the header had a centred layout option which suits my logo. I didn’t realise that this only applies to the desktop header.

How can I achieve the same layout on mobile?
– Hamburger menu left
– Logo center
– Wishlist / bag right

Is this just a setting i am missing?

Thanks heaps!

Hello,

Thank you for your question.

At the moment logo centered on mobiles only for header layout with split navigation. You can use this one or just use the following code snippet to make it look in this way for this header layout also. Place it into the Custom CSS for mobile devices area

.header-shop {
    height: 70px;
}

.mobile-nav-icon {
    position: absolute;
    left: 5px;
}

.main-header .site-logo img {
    width: 70px;
}

.site-logo {
    left: 50%;
    position: absolute;
    margin-left: -35px;
}

Regards

Thanks for your help!

You are welcome.

[Author]

Posts