Beardo-Designs

My site: beardodesigns.squarespace.com password: 1234 I am stuck figuring out how to remove the underline on the active page on my navigation. I would think it would be something simple but I am having a hard time wrapping my head around it and no matter what I try and Google I can seem to find a solution. Here is a snippet of the CSS from my navigation. As you can see I have my bottom border on my active, yet I want to hide that when you hover. As you can see if you hover over the active page you still get a bottom border that transitions in. I am still fairly new with CSS and still learning, anything would be greatly appreciated! // Nav bar // .header-nav-item::after { content: ''; background: #FFCC66; //color height: 1px; //thickness width: 0; display: block; transition: width 2s ease; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; }

Hello world! My name is Justin and I am the founder of Beardo Designs. Just another weirdo with a beard that designs cool stuff. I dabbled with Squarespace years ago before going on to WordPress. My fascination for web design started and I have been learning here and there trying to grow and learn while working for a local beard company. Well, here I am again back at it but this time I have a much better grasp of things and felt I could offer my services to others that are needing help or wanting a website created. I am still in the design phase and hope to have my site up sooner than later. There is still a lot to learn and I am finding a lot of inspiration amongst other fellow squares. I am excited to see where this journey takes me and looking forward to meeting like-minded individuals. I will update this page once my site is live.