Magento

Hello all!

Is there an easy way to move the top navigation links (electronics, apparel, etc...) and locate them horizontally under the logo and promo .gif’s in the header? instead of having them stack into to 2 layers when I add more categories?

I would rather see them horizontal just above the top links bar & under the logo & promo.

P.S.
IE7 is the only browser I am having the stacking issue in.  The navigation seems to slip underneath the “logo” and “promo” and lay horizontally on all other browsers that I have checked on.  Picture 1 is what it is doing in IE7.  Picture 2 is what it is doing in all other browsers (what I want it to do).

Thanks in advance

Click thumbnail to see full-size image

Insert a break in the template of the header?

This is a great question . . . . Were you ever able to figure it out?

I have the same Problem but didn’t find any answer yet. Can somebody please give me a short workaround.

You can put the menu section in a separate div. To do this edit the file /app/design/frontend/default/modern/template/page/html/header.phtml:

<div class="header">
<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>"/></a></h1>
<img src="<?php echo $this->getSkinUrl('images/side_logo_promo.gif') ?>” alt="” class="side-logo-promo"/>
</div>
<div class="header">
<?php echo $this->getChildHtml('topMenu') ?>
</div>

I am not sure whether is a good or recommended solution - but it works anyway.

I’ll try and post a feedback - THX

lbunks - 17 August 2008 02:23 AM

I’ll try and post a feedback - THX

Did it ever work for you ??

Yes using the above code the top links move under the logo, looks good.

However when moving the mouseover the first top link the block containing the “Default welcome msg! My Account...” etc moves...!  only about 2px own but you can see it move..! I’ve tryed to fix it but i cant.