Shopify themes, liquid, logos, and UX
Hi,
I'd like to move my logo left and the burger menu right full width on both mobile and desktop. my site is : https://eftfkw-vc.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hi @Luxurymrkt
Try this one.
body .header {
grid-template-areas: "heading menu" !important;
grid-template-columns: 1fr 2fr;
}
header-drawer {
grid-area: menu;
justify-self: end !important;
}
.header__heading, .header__heading-link {
grid-area: heading;
justify-self: left !important;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
This is an accepted solution.
Hi @Luxurymrkt
Try this one.
body .header {
grid-template-areas: "heading menu" !important;
grid-template-columns: 1fr 2fr;
}
header-drawer {
grid-area: menu;
justify-self: end !important;
}
.header__heading, .header__heading-link {
grid-area: heading;
justify-self: left !important;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
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