diaph Posted July 21, 2022 Share Posted July 21, 2022 Hi, I'm trying to add the Stretchy Navigation Line from Ghost Plugins to my website (v7.0) but I can't find a way to make it work. Any help would be greatly appreciated. Thanks in advance. Link to comment
Solution tuanphan Posted July 22, 2022 Solution Share Posted July 22, 2022 Use this code /* 70 stretch nav underline hover */ nav .nav-item a:after { content: ""; position: absolute; height: 1px; width: 0; z-index: 9999; bottom: 0; left: 50%; transform: translateX(-50%); background-color: white; transition: all 0.3s; } nav .nav-item a { position: relative; } nav .nav-item a:hover:after { width: 100%; transition: all 0.3s; } diaph 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
diaph Posted July 22, 2022 Author Share Posted July 22, 2022 Thank you very much @tuanphan, really appreciate your help. Best regards. Link to comment
diaph Posted April 25 Author Share Posted April 25 (edited) On 7/22/2022 at 11:02 AM, tuanphan said: Use this code /* 70 stretch nav underline hover */ nav .nav-item a:after { content: ""; position: absolute; height: 1px; width: 0; z-index: 9999; bottom: 0; left: 50%; transform: translateX(-50%); background-color: white; transition: all 0.3s; } nav .nav-item a { position: relative; } nav .nav-item a:hover:after { width: 100%; transition: all 0.3s; } Hi again, Do you know how to make the color of the underline follow the color theme of the menu ? All the best Edited April 25 by diaph Link to comment
tuanphan Posted April 26 Share Posted April 26 19 hours ago, diaph said: Hi again, Do you know how to make the color of the underline follow the color theme of the menu ? All the best I don't know this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
diaph Posted April 26 Author Share Posted April 26 Just now, tuanphan said: I don't know this Thanks for taking time answering anyway 🙂 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