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.
Hello,
Please share your site url.
hii, @MarieG
your site is password protected can you provide me password.
Thank You.
Password please
@MarieG , do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- 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.
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.
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.