Archived topic
Spacing between items in main navigation
5 replies · Started by dale on June 8, 2017
Is there a way to change the spacing between menu items, but only for those that are aligned right? I have the website navigation menu aligned left in the menu bar, and my social icons/links aligned right. I'd like to decrease the padding/spacing between the social media items because it seems pretty large to me on desktop and laptop screens.
(I don't know how it looks on tablet because I don't have one. On mobile it looks okay, if a little spacey. Personally I would be able to select the icons if they were spaced closer together; on the other hand tightening them might lead to accessibility issues for people with larger hands or limited dexterity.)
The question is applicable to both these sites:
https://dalecameronlowry.com/
https://www.janellereston.com/
Thanks!
This might help:
@media (min-width: 769px) {
#site-navigation li.menu-item-float-right a {
padding-left: 10px;
padding-right: 10px;
}
}Perfect! Thanks!
You're welcome :)
Hi Tom! What about controlling the spacing just between the regular nav. items? In need to add a few more links in the nav, but when I do they jump on to the second row, which does not look good. https://imgur.com/HzWcbdN Cheers, Kris
Can you open a new topic and link us to the page in question?
This topic is very old.
Thanks :)
