zoltar451 Posted October 13, 2020 Share Posted October 13, 2020 Site URL: http://amphibian-soybean-gxlk.squarespace.com Hello I'm using the Kester template and would like to create a simple hovering effect for my navigation bar. All I want is for a line to appear under the 'Me' or 'My Work' text when you hover over it, and for there to be no line underneath either when they are active. Could someone help? Link to comment
tuanphan Posted October 13, 2020 Share Posted October 13, 2020 Add to Home > Design > Custom CSS .header-nav-item--active a { background-image: none !important; } .header-nav-item a:hover { background-repeat: repeat-x; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 1px 1px; background-position: 0 calc(100% - 0.1em) !important; white-space: initial; } zoltar451 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment