XF 2.2 Space between nav buttons

[Dixie McCall]

Hello
How do I create a space between navigation buttons? See attached.

Thank you.

 

[Nicolas FR]

You can try this

.p-navEl {
    margin-left: 15px;
}

 

[Dixie McCall]

Thank you @nicodak. This does create space between nav buttons but it also shifts all nav content to right. See attached.

 

[Nicolas FR]

Maybe this can fix that

.p-navEl:first-child {
    margin-left: 0;
}

Put this code after the first one...

 

[Dixie McCall]

That didn't work but I changed the first to margin-right and that fixed it. So it reads like this.

.p-navEl {
margin-right: 10px;
}
.p-navEl:first-child {
margin-left: 0;
}

 

[Nicolas FR]

margin-right of course