[Resolved] Spacing between items in main navigation

[dale]

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!

[Tom]

This might help:

@media (min-width: 769px) {
    #site-navigation li.menu-item-float-right a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

[dale]

Perfect! Thanks!

[Tom]

You’re welcome 🙂

[Kris]

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

[Leo]

Can you open a new topic and link us to the page in question?

This topic is very old.

Thanks 🙂

[Author]

Posts