Archived topic
How reorder the mobile header icons
3 replies · Started by Mohamed on September 4, 2020
Viewing posts 1–4 of 4
Hello,
How can I control the places of icons in the mobile header if I want
logo -- cart icon -- menu -- search ?
Can it be in customizer to give flexible control?
2-when scroll the menu go to left and the screen size not fit to mobile screen size!!
I don't want the horizontal scroll and the menu fit to width
Hi there,
try this CSS:
.rtl .navigation-branding,
.rtl .site-logo.mobile-header-logo {
order: 4;
margin-left: unset;
margin-right: auto;
}
.rtl .mobile-bar-items {
position: static;
}
.main-navigation.has-branding .menu-toggle {
order: 2;
}
.rtl .mobile-bar-items.wc-mobile-cart-items {
order: 3;
}Thanks
You're welcome
This archived topic is closed to new replies.
