To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Customize Navigation Desktop Dawn

Solved
Day204
Excursionist
31 0 7

 

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!

 

Screenshot 2023-01-24 at 7.53.52 PM.png

 

 

 

I make pretty things.
Accepted Solution (1)

Accepted Solutions
EBOOST
Shopify Partner
347 126 96

This is an 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;
}

 

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

EBOOST

View solution in original post

Replies 2 (2)
EBOOST
Shopify Partner
347 126 96

This is an 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;
}

 

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

EBOOST
Day204
Excursionist
31 0 7

@EBOOST 

 

Thank you so much! This worked!

I make pretty things.