Claire_auck Posted July 15, 2020 Share Posted July 15, 2020 Hey all. I'm using the awesome Stretchy Navigation Line by Thirty Eight Visual (via Ghost) and I need to disable it for the secondary nav...is that possible? It's making the button look out of balance. Fingers crossed someone can help. Cheers! Link to comment
0 tuanphan Posted July 20, 2020 Share Posted July 20, 2020 nav.Header-nav.Header-nav--primary { // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; } } Claire_auck 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
1 Claire_auck Posted July 19, 2020 Author Share Posted July 19, 2020 On 7/19/2020 at 12:17 AM, tuanphan said: Which code did you use? It was this one 🙂 // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; } eggfoo4523 1 Link to comment
0 tuanphan Posted July 16, 2020 Share Posted July 16, 2020 Can you share link to your site? 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
0 Claire_auck Posted July 17, 2020 Author Share Posted July 17, 2020 (edited) Hi Tuanphan, Thanks for your help 🙂 https://compass-pilates.squarespace.com/ pa33word Cheers Claire Edited July 20, 2020 by Claire_auck Link to comment
0 tuanphan Posted July 18, 2020 Share Posted July 18, 2020 On 7/17/2020 at 8:44 AM, Claire_auck said: Hi Tuaphan, Thanks for your help 🙂 https://compass-pilates.squarespace.com/ pa33word Cheers Claire Which code did you use? 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
0 Claire_auck Posted July 20, 2020 Author Share Posted July 20, 2020 That's perfect Tuanphan, thank you for your help as always, you're always there to lend a helping hand and it's much appreciated. Have a great day. Claire. Link to comment
Question
Claire_auck
Hey all.
I'm using the awesome Stretchy Navigation Line by Thirty Eight Visual (via Ghost) and I need to disable it for the secondary nav...is that possible? It's making the button look out of balance.
Fingers crossed someone can help.
Cheers!
Link to comment
Top Posters For This Question
4
3
Popular Days
Jul 20
2
Jul 19
1
Jul 15
1
Jul 16
1
Top Posters For This Question
Claire_auck 4 posts
tuanphan 3 posts
Popular Days
Jul 20 2020
2 posts
Jul 19 2020
1 post
Jul 15 2020
1 post
Jul 16 2020
1 post
Popular Posts
Claire_auck
It was this one 🙂 // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2p
tuanphan
nav.Header-nav.Header-nav--primary { // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; m
Posted Images
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment