Trying to get ezpages bar Hover and width working correctly - css issue

[nigelt74]

Hi

On this page
nzhuntingproducts<dot>co<dot>nz

The ezpages menu bar (the grey horizontal bar beneath the logo) just won't behave, the width won't work and the hover is not covering the whole cell

This is what I want the ezpages menu bar to look like

nzhuntingproducts<dot>co<dot>nz/photos/


Any help would be appreciated

Thanks

[Trinity14]

On your homepage the menu:

<!--bof-header ezpage links-->
<div id="navEZPagesTop">

</div>
<!--eof-header ezpage links-->

is being drawn differently than on the photos page:

<div id="nigel-wrap">

<div id="menu">
<ul></ul>
</div>
<div id="header">
<div id="photo-logo"></div>
</div>
<!-- NIGEL -->
<div id="list-menu"></div>
<!-- Nigel -->

they are two separate menus.

[nigelt74]

Yes they are two seperate menus thats because the photos section is a wordpress blog, whereas the main site is Zencart. I am trying to make the zencart ezpages menu look identical to the menu bar in the photos section (wordpress)

Sorry about that

[Trinity14]

You will need to edit your includes/templates/YOUR_TEMPLATE/css/stylesheet.css particularly #navEZPagesTop {} also check for any duplicates of #navEZPagesTop span {} and #navEZPagesTop a {}

You have conflicting span, a, a:hover line height and font sizes

Hope this helps you.

[nigelt74]

Hmm, I'll look at that, i actually think i have solved it, as i found that the "EZ-Pages Header Link Separator" in admin was set as a couple of non breaking spaces, once i deleted the seperators the bar has started working better.

I will go through my files as i lot of thing were altered wneh i was trying to figure out exactly the problem was

[Trinity14]

I noticed that while reviewing your site with FireFox element inspector. It looks like now you just need to edit #navEZPagesTop span { font-size: 1.2em; }

[nigelt74]

Cheers for that, it should be working better now