I want to change the menu/nav color in the Dawn theme. does anyone have code for this? Thank you

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.

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

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

@Eleftheria2022 you can change by providing the conditions on it. {% if product == 'your product name ’ %} { .element{color:red;} }

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 “ΠΡΟΣΦΟΡΕΣ” [Στιγμιότυπο οθόνης (175).png] thanks in advance.

another “REAL” example but in wordpress. [Στιγμιότυπο οθόνης (176).png]

www.saketistore.com.gr Thank you

@Eleftheria2022 try this on bottom base.css .list-menu a[href=“/collections/προσφορές”] { color:#ff0000!important; }

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

Here is your video to change “SALES” badge to percentage https://www.youtube.com/watch?v=JPU6cmJ_2Gg Also you code doesn’t working.

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

Store Design

Nico38 March 11, 2022, 3:32pm 17

please your url ? @Eleftheria2022

Topic		Replies	Views
How to change the menu color on dawn theme? Store Design	28	516	May 20, 2024
How do i update the navigational text colour (Dawn theme) Store Design design , customizations	2	45	May 3, 2023
How do I change the colour of one main navigation item using Dawn theme? Technical Q&A css , shopify-theme	1	32	September 4, 2023
Change the color of a single main menu Shopify Discussion troubleshooting	4	56	June 16, 2024
How do I change the menu color bar only in Dawn theme? Store Design	2	83	January 19, 2022

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

Related topics