Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #43724
    simcat
    Member

    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

    #129987
    JohnMotylJr
    Participant

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

    background:url('image.png') no-repeat top center;
    #130028
    wolfcry911
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.