[Resolved] mobile menu items positioning

[szymek.nowak]

Hi,

I want to position menu hamburger to the left, logo in the middle, and cart on the right.

See preview:
https://gyazo.com/61f904d0b885e14302786f5502a94edb

My current page looks like this:
https://gyazo.com/366472bbb6a55dc7e91491018694e91e

Live URL preview for admins:
https://konopio.pl/olejek-cbd

[Ying]

Hi there,

Give this CSS a try:

@media (max-width: 768px) {
.inside-header.grid-container {
    display: flex;
}
.site-logo {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    z-index: 999;
}
button.menu-toggle {
    order: -1;
    margin-right: auto;
}
nav#mobile-menu-control-wrapper {
    margin-left: 0;
    justify-content: space-between;
    width: 100%;
}
nav#mobile-menu-control-wrapper > * {
    flex-grow: 0;
}
}

Let me know if it works 🙂

[szymek.nowak]

It works perfectly. Thanks!

[Ying]

No problem 🙂

[Author]

Posts