Shopify themes, liquid, logos, and UX
In our main menu we have a Mother's Day collection
We want to highlight this in the menu
with #FF9F1C orange background
can someone help?
https://admin.shopify.com/store/theloomiaa/
Solved! Go to the solution
This is an accepted solution.
Hey @iroket,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.header__navigation a[href="/collections/mothers-day-collection"] {
background-color: #FF9F1C;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
This is an accepted solution.
Hey @iroket,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.header__navigation a[href="/collections/mothers-day-collection"] {
background-color: #FF9F1C;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @iroket
You share the wrong Store URL.
hey thank you for this! this works but it does not work on mobile only desktop! is this the only way?
Hi @iroket
This is Theodore 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>
<style>
.header__navigation {
background-color: #FF9F1C !important;
}
</style>
</style>
Hope this can help you solve the issue
Best regards,
Theodore | 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.
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