MAGENTO: Top nav with logo centered between 4 links + responsive.

[expo703]

If you checkout http://www.sirandmadame.com/

I’m going for that style two nav links on the left LOGO center two on the right.

http://codepen.io/anon/pen/xEGJt

I’m having issues with padding/margins this is the best I could do..Do i want to display-inline? I have it floating as the site is currently responsive and want to keep it that way.

I got close to spacing it by margin-right:70px; with no padding..but the logo is still to high and the leather link is in the middle..Can someone point me in the right direction?

Thank you!

[Paulie_D]

Check this lot out.

https://css-tricks.com/search-results/?q=centered+logo+menu

[expo703]

Here is my codepen.. i’m really close but i’m having issues with Leather being infront of the logo..+ when I resize the nav falls off the page..
http://codepen.io/anon/pen/xEGJt

Also on other pages with breadcrumbs under it it goes back to normal top nav? I’m using magento..

http://www.kaehler1920.com/thestory.html

[expo703]

but i’m using magento and the code is auto-generating the li tags
this is from my top.phtml file:

and my header.phtml file:

getIsHomePage()):?>

getLogoAlt() ?>getUrl(”) ?>” title=”getLogoAlt() ?>” class=”logo”>getUrl(”) ?>” title=”getLogoAlt() ?>” class=”logo”>getLogoAlt() ?>

Author

Posts

[Author]

Posts