madisonb Posted July 11, 2023 Share Posted July 11, 2023 Hi! I am having a hard time removing these lines that show up in the navigation and replacing them with new code that looks more like the default animated lines. These ones look more like underlines and not sure how to get rid of them. I have already tired this code in css: .header-nav-wrapper a { background-image: none !important; } Website here: https://www.designerkandb.com/ TIA! Link to comment
MacGregor Posted July 11, 2023 Share Posted July 11, 2023 (edited) I viewed the website and I see the main navigation links at the top of the page with no underlines. There are underlines upon hovering each link but they look like animated lines.. a very nice effect. Have you refreshed your browser page? If you want to completely remove the underlines upon hover you can try this: .header-nav-wrapper a:hover { text-decoration: none !important; } Edited July 11, 2023 by MacGregor Link to comment
madisonb Posted July 11, 2023 Author Share Posted July 11, 2023 Thank you! I added the code and still nothing. Its very odd - never seen this happen before Link to comment
MacGregor Posted July 11, 2023 Share Posted July 11, 2023 6 minutes ago, madisonb said: Thank you! I added the code and still nothing. Its very odd - never seen this happen before Have you tried .header-nav-list instead of .header-nav-item ? Link to comment
Solution tuanphan Posted July 14, 2023 Solution Share Posted July 14, 2023 You can use this CSS code div.header-nav-item a:after { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madisonb Posted July 20, 2023 Author Share Posted July 20, 2023 Thank you everyone for the help! 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