Aligning logos in navigation menu

Please make sure you provide a working link.

Oh sorry, I didn’t realize that, my eyes are giving up on me!

It has now been changed.

Try this;

.nav {
 float: none;
}

.nav li {
 float: right;
}

.nav li:nth-child(-n+3) {
 float: left;
}

You’re a star!

The amount of coding I have tried and it hasn’t worked is unbelievable.

I should of resorted to the forums a lot sooner, lol!

I have just realized that the code you gave me has now caused my drop down under ‘Gallery’ to center the ‘animals’ link and is no longer showing all of the links.

Use;

#below-logo .nav {
 float: none;
}

#below-logo .nav li {
 float: right;
}

#below-logo .nav li:nth-child(-n+3) {
 float: left;
}

I’ve replaced the code with the new one and all the links under ‘Gallery’ are now showing but they aren’t aligned under each other like they were before.

Sorry, didn’t read properly.
Add this;

#below-logo .nav li li {
 float: left;
}

That doesn’t do anything sadly!

Where did you add it ?
https://roxi-lola.co.uk/wp-content/uploads/swift-magic/custom-styles.css?ver=3.5.1

I added it into the themes User CSS.

Can you add it the same way you added the other styles?

Which styles?

These;

#below-logo .nav li {
 float: right;
}

#below-logo .nav li:nth-child(-n+3) {
 float: left;
}

I added them in the same box, I’m really confused to what you’re telling me to do.