Hello,
I’ve been adding support for Galaxy Fold & iPhone 5/SE to my primary navigation.
Doing so by removing the 20px padding that the menu items are assigned. Otherwise everything gets smushed.
See print: https://prnt.sc/uc4jbm
Adding below CSS works. See print: https://prnt.sc/uc4lj3
@media (max-width: 414px) {
.main-navigation .main-nav ul li a {padding-left: 10px; padding-right: 10px;
}
}
But this causes a problem with the sub-items in the off canvas menu by adding padding-left 10px, I think. See print: https://prnt.sc/uc4m9i
So any suggestion to structure this better is much appreciated π Thx!