Navigation hover in Squarespace 7.1

@tuanphan 

 

Quote

.header-nav-item a:hover {
    color: red !important;
}

This code worked for me., thanks for your help. I would also like to bold the active link & underline in the navigation once the user has clicked it, without the other navigation links bolding at the same time. Help! 🙂

On 4/11/2022 at 11:43 PM, Helloparkerg said:

@tuanphan 

 

This code worked for me., thanks for your help. I would also like to bold the active link & underline in the navigation once the user has clicked it, without the other navigation links bolding at the same time. Help! 🙂

Use this code

div.header-nav-item--active>a, div.header-nav-folder-item--active a {
    font-weight: bold !important;
	text-decoration: underline;
}

Hi @tuanphan we are experiencing a similar issue where we've tried adding custom css and the changes are taking. We'd like the overlay menu to be teal (#71ACB6) instead of cream and for the logo hover to be white instead of orange. Would you be able to take a look for us? Let us know what you think. Thank you!

URL: https://martini-i3-may.squarespace.com/services

Password: DoveLove2022!

On 9/28/2022 at 11:15 PM, MinerMan2022 said:

Hi @tuanphan we are experiencing a similar issue where we've tried adding custom css and the changes are taking. We'd like the overlay menu to be teal (#71ACB6) instead of cream and for the logo hover to be white instead of orange. Would you be able to take a look for us? Let us know what you think. Thank you!

URL: https://martini-i3-may.squarespace.com/services

Password: DoveLove2022!

Change this color?

On 9/29/2022 at 10:07 PM, tuanphan said:

Change this color?

Correct. @tuanphan the color of the logo and the background of the menu.

On 9/29/2022 at 10:07 PM, tuanphan said:

Change this color?

I was actually able to figure this out. Thank you. 🙂

Hello all,

I have managed to get the hover colour to work using code from the great people in here. I was just wondering if there is some code for the hover colour to stay on the active page. So for example; You hover over 'about' click through to the page, and then the 'about' in the nav menu stays highlighted while on the about page. Same for all the other pages of course. 

Many thanks in advance

On 4/24/2023 at 3:00 AM, fenstudio85 said:

Hello all,

I have managed to get the hover colour to work using code from the great people in here. I was just wondering if there is some code for the hover colour to stay on the active page. So for example; You hover over 'about' click through to the page, and then the 'about' in the nav menu stays highlighted while on the about page. Same for all the other pages of course. 

Many thanks in advance

What is your site url? We can adjust code easier

How do you keep standard pointer cursor instead of finger cursor when hovering over nav folder?

I want child pages to keep finger cursor.

On 5/12/2023 at 10:18 AM, Helloparkerg said:

How do you keep standard pointer cursor instead of finger cursor when hovering over nav folder?

I want child pages to keep finger cursor.

Depend on template. What is your site url?

On 5/13/2023 at 11:12 PM, tuanphan said:

Depend on template. What is your site url?

centraliaarts.org

On 5/22/2023 at 8:40 AM, Helloparkerg said:

centraliaarts.org

Add to Design > Custom CSS

header#header div.header-nav-item a {
    cursor: context-menu;
}