Navigation CSS about ea-genesis-child

[tnorthcutt]

The sample child theme has submenu items that don't look off - how do they do it in that theme? It uses display: inline-block;

[jaredatch]

If you highlight the menu text on genesisframework.com, you'll see the gaps.

http://cl.ly/image/3V092u0U062j

[billerickson]

Related: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

I only use inline-block if I have to center the menu.

I agree, display:block; float:left should be used as the default.

[tnorthcutt]

Gotcha, didn't realize that. display:block; makes sense to me, then.

[GaryJones]

If this is changed back, can the styles needed to make a centred menu get added to the CSS Snippets wiki page?

Doesn't IE (oldIE?) still require a width property when float is used?

[jaredatch]

It's like 3 lines of code so should be easy to change back if needed. Only reason to ever have display:inline-block would be to center the nav.

G 2.0 shouldn't have it set like this for default, but to each his own.

[GaryJones]

Worth raising as an issue in G core?

[GaryJones]

If someone can do a PR for core, then if it gets accepted, it's one less thing that we deviate on (and that's a good thing).

[jaredatch]

Done, let me know if it needs tweaking. I mentioned to Lauren about this, don't know if she relayed that to Brian or not through. The inline-block method is nothing but trouble and is only useful for centering your nav, but that's an edge case.