• # June 21, 2013 at 12:43 pm

    If you checkout

    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?

    Thank you!

    # June 21, 2013 at 1:14 pm

    Check this lot out.

    # June 21, 2013 at 1:54 pm

    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..

    # June 21, 2013 at 5:00 pm

    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.

    # June 21, 2013 at 5:09 pm

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