bbradley Posted October 20 Share Posted October 20 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! Link to comment
Web_Solutions Posted October 20 Share Posted October 20 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? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
bbradley Posted November 3 Author Share Posted November 3 (edited) @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! Edited November 3 by bbradley Link to comment
SaranyaDesigns Posted November 3 Share Posted November 3 @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? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment