Archived topic
How to switch Hamburger menu icon and search icon
3 replies · Started by Heath on November 21, 2021
Viewing posts 1–4 of 4
How do I switch the Hamburger to switch Menu from the left side of my header to the right side and the search icon from right to left?
Hi Heath,
Remove this CSS from your site to move the hamburger nav back to the right side,
@media (max-width: 768px)
.main-navigation.has-branding .menu-toggle {
order: -1;
}and then add this CSS to move the search icon to the left:
span.menu-bar-item.search-item {
margin-right: auto;
}This worked perfectly! Thank you!
No problem. :D
This archived topic is closed to new replies.
