Shopify themes, liquid, logos, and UX
I'm using Dawn theme's latest version in that I need to customize the hamburger button in mobile view by changing the color of the Hamburger icon to white and closing the icon in black only on the home page.
Website: https://offnorth.com/
Thanks in advance.
Hello @Sivadarshan
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.
.header--mobile-center .header__icon--menu span .icon.icon-hamburger{
color: #ffff;
}
.header--mobile-center .header__icon--menu span .icon.icon-close {
color: #000;
}
Hi @Sivadarshan,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
svg.icon.icon-hamburger {
color: white !important;
}
svg.icon.icon-close {
color: black !important;
}
Please share store access so I can implement the code. @Sivadarshan
@CodingFifty This is client store, so i have no access to provide the store access. Sorry 😞
Please remove this code.
Replace with:
svg.icon.icon-hamburger {
color: white !important;
}
svg.icon.icon-close {
color: black !important;
}
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