Custom Nav Bar

[stri8ed]

get rid of the margin and try this,


in the main index file

move the div,

<div id="navMainSearch">


inside the div


<div id="navCatTabsWrapper">

[stri8ed]

if you cant do that, than


remove from the div : #navCatTabsWrapper (in stylesheet.css)


background: transparent url(../images/image_name.png) no-repeat scroll 0 0;

height: 42px;


and paste it in #navMainWrapper


it might work

[gjh42]

The spy store has added a couple of custom ez-page links to the standard #navMainHeader code (and relocated navMain to below the logo).

If you try to combine navMain with the categories-tabs bar, you will find that once you login or have items in the shopping cart the bar gets quite crowded. This will become impossible to fit if you add any more categories.

[dm609]

i still cant get the IE to come up correctly, also how do i remove the categories from the nav?

[gjh42]

You don't actually have them together in the code; you have the cat-tabs displayed on top of navMain. The margin-top is what you used to get that to happen.

[stri8ed]

the correct solution is to add this to the #navMainWrapper (in stylesheet.css)


background: transparent url(../images/image_name.png) no-repeat scroll 0 0;

height: 42px;

(must set height)

[dm609]

That is the correct solution, worked perfectly.

[gjh42]

Actually, the correct solution to getting the categories "out of" the navbar is to turn them off in admin > Configuration > Layout Settings > Categories-Tabs.
There is no good done by hiding them under another element.

[dm609]

Thanks, that also works

[dm609]

Does anyone know how to place banners on the side with no header bar