Navigation Title Hover Color

Site URL: https://grapefruit-lobster-276m.squarespace.com/

I just started working on a website and chose the Corrigan template. It is laying out just fine BUT I see in the 7.1 templates there is no hover option for the Navigation Menu subpages. 

I'd like my drop down subpages to become more BOLD when they are hovered upon. I'm just using black as the Navigation color.

Could someone help with the code for this?

Your site is private. Can you setup password & share url again?

Hello, I am also interested in understanding how this is done? Thanks! 

On 9/23/2022 at 11:19 AM, ninatdownes said:

Hello, I am also interested in understanding how this is done? Thanks! 

What is your site url? We can help easier

I'm looking for the same thing - changing the dropdown submenu items to #d92c5a instead of white. 

website: https://dala-dev.squarespace.com/

PW: test

On 10/27/2022 at 2:03 AM, Umlaut said:

I'm looking for the same thing - changing the dropdown submenu items to #d92c5a instead of white. 

 

website: https://dala-dev.squarespace.com/

PW: test

Hover or Initial? If hover, I see you solved with this code

.header-nav-item a:hover {
    color: #d92c5a !important;
    transition-duration: .4s;
}

If initial, use this CSS code

span.header-nav-folder-item-content {
    color: #d92c5a !important;
}

Thank you! I did end up finding the code I needed. Appreciate it!