[Resolved] Sub menu misalignment.

[Rebecca Wade]

Building a website at http://bartley2.purple-dog.co.uk/ using premium theme generate press.
However, the sub menu navigation is not in alignment.
The very top sub menu is out of alignment with the rest – see clients and services.

Please advise?

[Tom]

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;
}

[Rebecca Wade]

Hi there,

Not sure how the two codes are different?

Updated all the same and not made a difference?

Please advise further?

Thanks,
Rebecca

[Tom]

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.

[Rebecca Wade]

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

Any ideas?

[Tom]

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

[Rebecca Wade]

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

[Tom]

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

[Rebecca Wade]

Perfect!

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

Thanks for your help
🙂

[Tom]

You’re welcome 🙂

[Author]

Posts