How can I change the menu color in the Dawn theme?

[ebon]

I want to change the menu/nav color in the Dawn theme.

does anyone have code for this?

Thank you

[suyash1]

@ebon - can you please share your website link? which menu item and which color do you want to change?

[ebon]

preacha.com

the main menu is the what i want to change.

Black is the color thank you

[dmwwebartisan]

@ebon

Please add the following code at the bottom of your assets/base.css file.

.header__menu-item, .header__menu-item:hover { color: #000 !important; }

Hope this works.

Thanks!

[suyash1]

@ebon - please add this css to the very end of base.css file and check, should look like given screenshot

.header__menu-item {
    color: #000;
}

[Zworthkey]

hii, @ebon
Paste this code on top of the base.scss file.

a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
    color: black !important;
}

summary.header__menu-item.list-menu__item.link.focus-inset {
    color: black !important;
}

Thank You.

[ebon]

Thank you!

how do you make the font bigger?

[Zworthkey]

@ebon
Paste this code for font-size.

summary.header__menu-item.list-menu__item.link.focus-inset {
    font-size: 20px !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
    font-size: 20px !important;
}

Thank You.

[ebon]

in the same spot along with the last code?

[Zworthkey]

@ebon
Yes .
On top of the base.css file.
Thank You.

[ebon]

Thank you

[inspirea]

@Zworthkey Hi I tried this as well but it changed the color of one of the navigation links… and not the home page link

[Eleftheria2022]

what if i want to change only one specific item’s color?

[Zworthkey]

@Eleftheria2022
you can change by providing the conditions on it.

{% if product == 'your product name ’ %}

{

.element{color:red;}
}

[Eleftheria2022]

i mean if i want to change a specific collection’s color in menu/nav to red, what code do i have to enter?
example below the collection “ΠΡΟΣΦΟΡΕΣ”

thanks in advance.

[Eleftheria2022]

another “REAL” example but in wordpress.

[Nico38]

please your url ? @Eleftheria2022

[Eleftheria2022]

www.saketistore.com.gr

Thank you

[Nico38]

@Eleftheria2022 try this on bottom base.css

.list-menu a[href=“/collections/προσφορές”] {
color:#ff0000!important;
}

[Nico38]

@Eleftheria2022 how to change label sales to percentage ? i need