Subnav links

Hello! I am looking to figure out how to customize my subnav links so that when you hover them the green line in my main navigation appears. i have tried a few codes and can't figure it out. Thank you!

Site URL: https://bes.squarespace.com/

Password: BES!

55 minutes ago, bbradley said:

Hello! I am looking to figure out how to customize my subnav links so that when you hover them the green line in my main navigation appears. i have tried a few codes and can't figure it out. Thank you!

 

Site URL: https://bes.squarespace.com/

Password: BES!

Do you want same navigation hover effect same as main navigation on sub navigation?

@Web_Solutions Sorry for the delayed response! Yes, that is what I want to do but not for sub navigation actually for my footer links!

@bbradley try this in your custom CSS:

footer h3 a:after {
    content: '';
	display: block;
	border-bottom: 2px solid var(--glass);
  	transform: scaleX(0);  
  	transition: transform 250ms ease-in-out;
	transform-origin:  0% 50%;
}
footer h3 a:hover:after {
    transform: scaleX(1);
}

May need some fiddling with once the :after element is there, but something along those lines should work?