Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 28, 2015 at 2:17 pm #386960
    famewebdesign

    Hello,

    Please check http://www.itstwentytwo.nl/wp
    In the menu there will be 8 items. In the middel of these items, I would like to add an image. So four menu items on the left side of the image and four on the right side.
    Is it possible to add an image in the menu and if so, how can I do this? I tried putting the URL as link but that didn’t work out…
    Thanks for your help!

    January 28, 2015 at 6:12 pm #387232
    Elliott

    Hey famewebdesign!

    I viewed your site but I only saw four links in the menu. The CSS your wanting is this.

    #menu-item-33 {
  margin-right: 200px;
}

    And then you can add a logo to your page and use this CSS to move it to the middle.

    .logo {
  left: 50% !important;
  transform: translate(-50%);
}

    Regards,
    Elliott

    January 28, 2015 at 6:34 pm #387272
    famewebdesign

    Thanks! There will be indeed more menu items when I finish the website. So you say I can add the logo and move it to the middle. But I will create it like this:

    menu-item / menu-item / menu-item / menu-item / IMAGE / menu-item / menu-item / menu-item / menu-item.

    How can I create space in the menu for the logo?

    Is it not possible to add an image in the menu?

    January 29, 2015 at 9:15 am #387568
    famewebdesign

    Hello, now I have added all menu items. But in stead of the HOME menu item, I would like to add an image.

    January 29, 2015 at 11:10 am #387614
    Josue

    Hey!

    It’s possible, you can put an IMG html tag as the menu label – http://screencast.com/t/4qitNTdApI

    Cheers!
    Josue

    January 29, 2015 at 12:14 pm #387643
    famewebdesign

    Thanks Josue!

    January 29, 2015 at 12:18 pm #387644
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘image in menu’ is closed to new replies.