How can I customize the header of my Dawn themed desktop website?

Store Design
, , ,
1

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
Screenshot 2023-01-24 at 7.53.52 PM.png1909×656 62.1 KB

2

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;
}
1 Like
3

@EBOOST

Thank you so much! This worked!