Sub menu misalignment.

This custom CSS is the culprit:

.main-navigation .menu li:first-child a {
    padding-left: 0;
}

To make it only affect the top level items, you can do this:

.main-navigation .menu > li:first-child a {
    padding-left: 0;
}

Hi there,

Not sure how the two codes are different?

Updated all the same and not made a difference?

Please advise further?

Thanks,
Rebecca

Looks better to me - try clearing your browser cache and then take a look :)

The code I provided will only target the top level menu items, instead of the first menu item on every level.

Seems to be ok in Firefox but not Chrome? Tried incognito mode?

Any ideas?

Looks the same to me in Chrome? Maybe send a screenshot of what you're seeing?

http://bartley2.purple-dog.co.uk/wp-content/uploads/2015/05/Screen-Shot-2015-05-12-at-18.33.00.png

It may still be using your cache - have you cleared it in Chrome?

Perfect!

After restarting the browser and clearing the cache it now seems to be aligning with firefox!

Thanks for your help
:)

You're welcome :)