[Support request] I am trying to add spacing and also a hover & current affect on the menu items.

[Eduardo]

Hello, I am trying to add some spacing and have the items have a grow affect whenever someone hovers over it and also when it’s in a current page have it bigger than the others. Or if it’s possible to just have it grow without overlapping with each other without adding the spacing. Here is the link to the site you can see what I mean (https://www.artsycraftyjassy.com). I started it but I am stuck on how to fix it. Thanks in advance!

[Tom]

Hi there,

Give this a shot:

.main-navigation .main-nav > ul > li:not(:last-child) {
    margin-right: 20px;
}

Let me know 🙂

[Author]

Posts