Liquid, JavaScript, themes, sales channels
Hello,
I would like assistance in changing the color of the main menu. Where the menu with a dropdown has its color and the menu without a dropdown has its own color.
Therefore I would like to have the same color for the entire navigation menu.
Solved! Go to the solution
This is an accepted solution.
@MarieG, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.mobile-nav__label,
.site-nav__link{
color: #000000 !important;
}
You can change the #000000 to any hex color you wish.
Kind regards,
Diego
Hello,
Please share your site url.
hii, @MarieG
your site is password protected can you provide me password.
Thank You.
Password please
Please you can help me? I´m trying to chance the color of the MENU but when I did it, show me the light color.
My URL https://mariaemma.com.co/
.site-nav__label {
color: red;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Note : Change the color as you want.
This is an accepted solution.
@MarieG, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.mobile-nav__label,
.site-nav__link{
color: #000000 !important;
}
You can change the #000000 to any hex color you wish.
Kind regards,
Diego
Thank you Diego,
Your guidance was helpful.
But after the edit, the whole menu and dropdown were underlined. And I would like that it to get underlined when it is only selected.
May you please assist me with that.
share password
Go on, the password is disabled.
@MarieG
Please follow the previous steps and add this extra code:
.mobile-nav__link--active .mobile-nav__label,
.site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label{
border-bottom: unset !important;
}
header.site-header h1, header.site-header nav li a{
color: inherit !important;
}
Kind regards,
Diego
Hi Diego,
Tried loads of solutions to get my mobile menu to work, and yours is the only one that has. Do you have code to change the background colour of the mobile menu? Not just the font?
Thanks,
Ian.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024