Archived topic
mobile menu items positioning
3 replies · Started by szymek.nowak on July 28, 2021
Viewing posts 1–4 of 4
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
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 :)
It works perfectly. Thanks!
No problem :)
This archived topic is closed to new replies.
