Different nav menu item spacing on web vs mobile

Site URL: https://www.roosbrothers.com/

I'm having an issue with the navigation menu item line-height spacing being different from web viewing to mobile. When viewing on desktop the nav items are properly spaced but on mobile the items have very little spacing in-between. Is there a way to target mobile menu item spacing and set a specific line-height for mobile viewing only?

Thanks!

2 hours ago, joshroos said:

Site URL: https://www.roosbrothers.com/

I'm having an issue with the navigation menu item line-height spacing being different from web viewing to mobile. When viewing on desktop the nav items are properly spaced but on mobile the items have very little spacing in-between. Is there a way to target mobile menu item spacing and set a specific line-height for mobile viewing only?

Thanks!

You can try this Custom CSS

@media only screen and (max-width: 768px) {
  .header-menu-nav-item a {
    line-height: 4.2rem !important;
}  
}

13 hours ago, bangank36 said:

You can try this Custom CSS

@media only screen and (max-width: 768px) {
  .header-menu-nav-item a {
    line-height: 4.2rem !important;
}  
}

 

Fixed - thanks!