Shopify themes, liquid, logos, and UX
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Add the code below to the base.css file
.header {
grid-template-areas: "icons heading left-icons" !important;
}
header-drawer {
justify-self: end;
}
@media screen and (max-width: 1024px) {
.header__icons {
justify-self: start;
}
}
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
@media (max-width:992px){
.header {
grid-template-areas: "icons heading left-icons" !important;
}
header-drawer {
justify-self: end;
}
.header__icons {
justify-self: start;
}
}
It worked almost perfectly. I need the hamburger menu to be on the rightmost part of the header.
It worked. All I had to do was add !important after justify-self: end.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025