Shopify themes, liquid, logos, and UX
Hi @AlgreenSM
Try this one.
@media only screen and (max-width: 768px){
.site-nav__link.site-nav__link--icon.js-drawer-open-nav {
position: absolute;
left: 17px;
}
.header-layout.header-layout--left-center {
width: 96%;
justify-self: self-end;
}
}
@media only screen and (max-width: 600px){
.header-layout.header-layout--left-center {
width: 90%;
}
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hello, I tried it, but it is not giving me desired result. The menu is staying at the same place. also, Please note I also have this file in my theme code. which arranges icon in order.
snippets/header-icons.liquid
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025