Tagged: ,

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


    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.
    NOTE: I do not wan’t it to appear on top of the header (like social icons/phone number does)

    Thanks in advance! :)


    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.



    Hi Ismael

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


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

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



    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,


    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.