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.
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?
Check this lot out.
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..
Also on other pages with breadcrumbs under it it goes back to normal top nav? I’m using magento..
This reply has been reported for inappropriate content.
I’m hoping your code only looks like that in your codepen, that hurts to look at. I’d reformat that first to clean it up a bit. If you are trying to display everything on the same line (links and logo) just use a list with 5
<li> tags and use the third tag for an img tag. Just my O2. Good luck.
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:
You must be logged in to reply to this topic.