Replies: 0
Hi,
The menus in Primer take up a lot of empty screen real-estate. I want to tighten up and remove some of that space. That will look a lot better on-screen, and particularly on mobile. Can anyone suggest a way to remove some of this spacing?
I tried:
.main-navigation a {
padding: 0.5em 0.5em;
}
and while that fixed things on the menus, it broke some of the spacing in the menu items on mobile. The ‘+’ was in the wrong place, etc. I am guessing that there are some computed style fields that don’t like just this one change and that need something more but that is more than I know how to do.
I would really appreciate the help. We go live soon.
Thanks,
Ata
