Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #284833

    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! :)

    #284939

    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

    #284995

    Hi Ismael

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

    #285045

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

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

    #285130

    Hey!

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

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

    Best regards,
    Yigit

    #285226

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

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

The topic ‘Clickable image in header’ is closed to new replies.