Sticky Accent colour line above the header

hi1231
Visitor
2 0 0

I have attached a video of what I mean

 

https://www.kapwing.com/videos/65e17c94a7eeb6eff87098bc

 

I am trying to add this feature to the free dawn website and will need to be able to change the colour.

 

Any suggestions or code to help me achieve this look. It is an accent line above the header that is fixed in all areas of the website.

 

Replies 3 (3)

Baron_J
Tourist
4 0 0

Ah, I see what you're trying to do. It looks like you're trying to create a horizontal divider above the header that changes color when you hover over it. That's a pretty advanced customization for the free Dawn theme, but it's possible with some custom CSS code. I'll need to know what your current theme settings are to give you a specific code snippet, but I can definitely help you get started. Are you comfortable editing code?

Mindz
hi1231
Visitor
2 0 0

Thank you for your help and yes I am comfortable with editing the code. My settings right now for the header are this: 

hi1231_0-1709278729910.pnghi1231_1-1709278742324.png

 

Baron_J
Tourist
4 0 0

Okay cool, 

Baron_J_0-1709280699050.png

 

Mindz