header image clickable

  • Dear FOoks,

    Ik have searched on the topic but my resolution doens’t seem to be there. Can someone help me? I want to make my header image clickable and to return to home page . Iam using the Satorrii theme my website is https://www.portmantoo.nl

    in the header php i now have the following:
    <div id=”header”>

    <img src=”https://www.portmantoo.nl/wp-content/themes/satorii/img/mini_icons2/ipadlogopurpleklein.jpg&#8221; width =”425″ height= “223”/>

    And in my css it’s this :
    #header{
    display: block;
    outline: none;
    width:425px;
    height:223px;
    background: url(img/mini_icons2/ipadlogopurpleklein.jpg)top left no-repeat;
    margin-bottom:0.35em;
    text-indent: -9999em; /* this will hide Home-link text */

    Tried different things but still no clickable image.
    Thanks in advance !

    </div>

Viewing 3 replies - 1 through 3 (of 3 total)

  • The issue is caused by your CSS text-indent value. I’m not sure exactly what you’re trying to hide, but that’s not the best way to do it.

    Just inside your <div id="header"> tag, you could add
    <a href="somelink"><div></div></a>

    then add this line to your style

    #header div {padding:0;margin:0;width:100%;height:100%;}

    Thread Starter portmantoo

    (@portmantoo)

    thanks!

    Problem solved:)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘header image clickable’ is closed to new replies.