Menu item jumping around

[JohnAsp]

I’ve just noticed something weird happening on the navbar on the site I’m building. The right hand navigation item called “About” seems to wrap onto another line and the jumps into the place where it’s meant to be when the page has finished loading. Anyone why/how to fix?

http://v2.seasiderspodcast.co.uk/

[Senff]

No idea, but I do think the design is a little too much like CSS-tricks…..

[jurotek]

Imitation is the sincerest form of flattery! Tricks is distinct and unique design like no other. But, some have to start somewhere if they “lack” creativity.

[waylaid]

The cause appears to be the **margin-right: 0;** for the last-child not kicking in at the same time as **margin-right: 1%;** which all the nav items have. Strange as both are in the same media query.

[JohnAsp]

Was actually going through the CSS tricks V10 series redesign and writing code and learning along as I went. Where’s the harm in that?

Anyways, thanks waylaid, Ill look into fixing.

[Author]

Posts