Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 16, 2014 at 9:06 am #319669
    solveigmalvik

    Hi!

    You’re always so great at helping me, can you help me add a little flag to one of my menu items or the social media icon menu? I’ve looked through the support threads and I can’t find any that is relevant to what I’m trying to do.
    In short – what I’m trying to achieve is to add a little Danish flag to one of the menu items. I don’t want the whole website translated, I just want one page that is easy to find that signals that I live and am available in Denmark.
    It could either be as an image on the main menu, or as an image on the social media menu (but then in the red/white of the flag, not as grey, as it needs to be fairly visible).
    I’ve also tried a few plugins, but none of them worked (nav menu images, menu image etc).
    My website is http://www.solveigmalvik.com

    yours,
    Solveig

    September 17, 2014 at 9:54 pm #320749
    Josue

    Hi Solveig!

    You can put HTML content as navigation label, try something like this:

    Best regards,
    Josue

    September 22, 2014 at 11:19 am #322913
    solveigmalvik

    Hi!
    Thanks Josue!
    I tried the input with this image link:
    http://www.solveigmalvik.com/wp-content/uploads/2014/09/Danish-flag-300×171.png
    (when I put the whole thing in, it disappears from this post, probably something with the coding?)
    And the result is not visible, the tab is completely gone, so it doesn’t seem to be working…? Can you help me with what I’m doing wrong?
    Thanks!

    • This reply was modified 10 years, 3 months ago by solveigmalvik. Reason: Link disappeared
    September 22, 2014 at 12:52 pm #322955
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and replace menu item ID

    li#menu-item-2935 {
background-image: url(https://www.solveigmalvik.com/wp-content/uploads/2014/09/Danish-flag-300x171.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
li#menu-item-2935 a {
opacity: 0;
}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg
    This code i posted will change Contact menu item

    Regards,
    Yigit

    September 22, 2014 at 2:23 pm #323004
    solveigmalvik

    Thanks! That works! Is there a way to set the size of the image?

    September 22, 2014 at 2:44 pm #323021
    Yigit

    Hi!

    You can add following code to Quick CSS as well and adjust as needed

    li#menu-item-2935 {
height: 15px;
}

    Best regards,
    Yigit

    September 22, 2014 at 2:49 pm #323024
    solveigmalvik

    Thanks Yigit! Ok, it then ended up really high on the menu line (see http://www.solveigmalvik.com/), can you help?

    September 22, 2014 at 2:53 pm #323032
    Yigit

    Hi!

    Please use following code instead of the one i posted in my previous post

    li#menu-item-2935 {
width: 30px;
}

    Cheers!
    Yigit

    September 22, 2014 at 3:03 pm #323038
    solveigmalvik

    PurrrRRRrrfect! Thank you so much! If you want to see how it looks like I’ll keep it up for a little while, then rework it next week for the proper danish page.

    September 22, 2014 at 3:06 pm #323041
    Yigit

    Hey!

    You are welcome Solveig, it looks really awesome! Good luck on Danish version!

    Regards,
    Yigit

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