css: .link-text being displayed in small screen

[ag2byte]

because the display property is set to block on hover for .link-text, on small screen it results in a weird transition.
Set it as :
@media (max-width:600px){
.navbar:hover {
width: 100vw;
}
.navbar:hover .link-text {
display: none;
}}