I have successfully incorporated a code to add a blue underline to the company name. However, in mobile view, the blue line appears on the first line. How can I adjust it so that it starts from the second line?
Below is my CSS code:
label {
margin: 0;
cursor: pointer;
position: relative;
text-decoration: none;
color: $text-default-color;
margin-right: 25px;
@media #{$sm-and-less} {
display: flex;
justify-content: space-between;
}
&:after {
@extend %nav-underline;
@extend %ease;
}
Here is the preview image: https://i.sstatic.net/6YHJF.png