Shopify themes, liquid, logos, and UX
Hey guys, I have an issue with moving the menu button to the right side of the header, but keeping the logo on the left. One time I tried a suggestion from another user and copy pasted the base.css code on the bottom, but then the logo moved together with the menu button. below is the link to my website with the access password. Please reach out to me so I can give access to my codes to fix the issue. Thank u in advance!
https://h2h4s6-ck.myshopify.com/
password: yahldu
Hi @Desss
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.header.header--middle-left {
grid-template-areas: "heading navigation icons" !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025