Support » How-To and Troubleshooting » [Resolved] Uneven spacing on navigation bar
3 years, 7 months ago
I am having a problem with the current page item in the nav bar, it seems to be an uneven distance from the others. I am having trouble working out the problem any help would be very much appreciated. I am using a twenty eleven child theme.
here is a link: http://osbornerestoration.co.uk/
cheers in advance
You seem to have an empty menu item between Home and About – rendered HTML here:
<a title="Home" href="http://osbornerestoration.co.uk/">Home</a>
<li class="page_item page-item-7">
<li class="page_item page-item-119">
Perhaps that’s the problem? At the moment, your menu items are also invisible – as they are the same color as the background.
Nice one, not sure how that happened, but fixed it now. Not sure what you mean about menu items being invisible, they appear black and visible on my screens. Strange…
Checked again and it’s only in Firefox – the menu text and the background are both black – so I can’t see the menu text at all — looks like it’s because of this CSS:
background: linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
margin: 0 auto 6px;
Looks like adding background: none; to your child theme #access will fix that.
thanks for your help WPyogi, all working now I think