spongebob-smc Posted March 30, 2021 Posted March 30, 2021 Site URL: https://www.thebevystore.online/shop-bevy Hello, I have a custom nav underline but on dropdown it extends further than I would like it to (see screenshot). I would like to shorten the length of it but can't figure out how to do this. I have tried width % etc. but it is not working. This is the code I have: .header-nav-item--active a { border-bottom: 4px solid #FF7CBD !important; background-image: none !important; } Anyone have any ideas?
ErikaT Posted March 31, 2021 Posted March 31, 2021 Hi, Use the text-decoration property instead of border-bottom 🙂 Below are some examples: text-decoration: underline; text-underline-position: under; text-decoration-style: solid; text-decoration-color: #FF7CBD; text-decoration-thickness: 8px;
Recommended Posts
Archived
This topic is now archived and is closed to further replies.