Customize Navigation Desktop Dawn

[Day204]

Hi friends!

Could someone help me to customize the header of my desktop website www.day204clothing.com?

I am using the Dawn theme. Below is a screenshot of my header, the only code I have is to move the navigation to be next to the logo.

I would like to make the following changes to the navigation:

1) Remove the underline when you hover over the text

2) Change the text to black

3) Change the hover action so that the text turns grey when hovering

4) Make the text bold in the navigation of the page you are on

Please let me know if you have any questions, and I appreciate any help!

[EBOOST · Accepted solution]

Hi @Day204 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to bottom of file

.header .header__menu-item span{
	color: #000;
text-decoration: none!important;
}
.header .header__menu-item:hover span {
	text-decoration: none;
	color: grey;
}
.header .header__menu-item span.header__active-menu-item {
	font-weight: bold;
}

[Day204]

@EBOOST 

Thank you so much! This worked!