Grow your CSS skills. Land your dream job.

Centre a logo in the middle of a Menu (4 menu items) and keep it responsive?

  • # March 27, 2013 at 11:21 pm

    How would one centre a logo between a Menu (4 menu items text ~ no images) keeping it responsive and symmetrical.

    I have thought of splitting the menus – prefer not to though.

    Any ideas/thoughts especially solutions greatly appreciated – sleep deprived.

    Saw this on js Fiddle but wasn’t sold:
    http://jsfiddle.net/L2VrN/
    My layout is similar but no overlap at all. Logo goes to top of bag on a vertical banner.

    Thanks in advance

    # March 28, 2013 at 12:02 am

    is your logo an image? if so you can just set the background property to:

    background:url('image.png') no-repeat top center;
    # March 28, 2013 at 8:45 am

    I added a media query to a previous pen I had made

    http://codepen.io/wolfcry911/pen/HyLdg

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".