I changed the line height of the drop down from 2 to 1.5.
border-top-right-radius: 0; }
.top-bar-section ul li ul.dropdown li:not(.has-form):not(.active) > a:not(.button) {
font-size: 1.5rem;
- line-height: 2; }
+ line-height: 1.5; }
@media screen and (max-width: 1219px) {
.top-bar-section ul li ul.dropdown li:not(.has-form):not(.active) > a:not(.button) {
font-size: 1.375rem; } }
font-size: 0.875rem; } }
.top-bar-section ul li ul.dropdown li.active:not(.has-form) > a:not(.button) {
font-size: 1.5rem;
- line-height: 2; }
+ line-height: 1.5; }
@media screen and (max-width: 1219px) {
.top-bar-section ul li ul.dropdown li.active:not(.has-form) > a:not(.button) {
font-size: 1.375rem; } }
&:not(.has-form):not(.active) {
& > a:not(.button) {
font-size: rem-calc(24);
- line-height: 2;
+ line-height: 1.5;
@media screen and (max-width: 1219px) {
font-size: rem-calc(22);
}
&.active:not(.has-form) {
& > a:not(.button) {
font-size: rem-calc(24);
- line-height: 2;
+ line-height: 1.5;
@media screen and (max-width: 1219px) {
font-size: rem-calc(22);
}