Shopify themes, liquid, logos, and UX
Hello, can someone help give me the code to move my header logo to the left side and the cart + menu to the right (For mobile only please!)
Example site https://sys-temic.com/collections/all-products
My site https://sevenemotions.com/
Any help is greatly appreciated !
Hi @ATGRFX ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
@media(max-width:767px){
#shopify-section-sections--20648501739799__header .header{
grid-template-areas: "heading icons left-icons";
grid-template-columns: auto 30px 30px;
}
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025