Archived topic
Center Logo on Mobile for a woocommerce store
3 replies · Started by FunkyCss on September 12, 2022
Viewing posts 1–4 of 4
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.
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%);
}
}Works like a charm!
Thank you so much!
Glad to hear that!!
This archived topic is closed to new replies.
