hello I am trying to create spacing between words in my header.
marked in red in the attached picture.
when I tried this code :
}
@media only screen and (min-width: 992px) {
.header__menu-item{
padding: 1.2rem 1.2rem 1.2rem 1.2rem!important;
}
I changed the “1.2” to 2, 3, 4.. etc and it has spaced the words but also created vertical distance from the top part and for some reason the little down pointing arrow next to “catalog” moves closer to the word in a weird way.