Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2014 at 12:05 pm #284833
    VisuellDK

    Hello

    Been travelling these great forums for a day or two, but haven’t come across a solution to my problem – so here goes:

    To the right of the menu in the header, I’d like to have an image, which upon clicking will take you to a page. It’s probably dead easy to do, I’ve just ran out of ideas here. See attached mock-up.
    mock-up
    NOTE: I do not wan’t it to appear on top of the header (like social icons/phone number does)

    Thanks in advance! :)

    June 29, 2014 at 4:42 am #284939
    Ismael

    Hi VisuellDK!

    Thank you for using the theme!

    Please go to Appearance > Menus panel. Create a custom link. Add html tag on the menu label or title. Something like this:

    <img src="IMAGE URI HERE" />

    Inspect the menu item then look for the menu id, use it to modify the image inside the menu. It will look something like this:

    li#menu-item-3128 img {
 /* Add style here*/
}

    The id of the menu item is 3128, it might be different with yours.

    Cheers!
    Ismael

    June 29, 2014 at 10:26 am #284995
    VisuellDK

    Hi Ismael

    Thanks for the reply. I’ll try it out later today, and let you know how it goes :)

    June 29, 2014 at 11:10 pm #285045
    VisuellDK

    Hi again – neat little trick, works like a charm!

    If i need to fine tune the positioning, is there a CSS for that?

    June 30, 2014 at 9:47 am #285130
    Yigit

    Hey!

    You can use the selector Ismael posted here – https://kriesi.at/support/topic/clickable-image-in-header/#post-284939 i.e.:

    li#menu-item-3128 img {
margin-left: 10px;
}

    Best regards,
    Yigit

    June 30, 2014 at 3:48 pm #285226
    VisuellDK

    Cheers for that… blind as a bat I am ;)

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