How to disable logo link

  • Resolved wpguillaume

    (@wpguillaume)


    5 years, 3 months ago

    Hello,

    This is about the logo image you set under Appearance -> Site Identity.

    I’ve tried adding this to my child theme’s style.css, with no success:

    .custom-logo-link {
	pointer-events: none !important;
}

    Also this one didn’t work:

    .custom-logo-link a {
	pointer-events: none !important;
}

    I’m trying these things out with no proper knowledge of how CSS works, though. ??

    Could someone please enlighten me?

    Thank you!

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

  • Not sure what you’re trying to do. We can’t un-link the link using CSS. We can only change mouseover pointer to unset, when user mouseover on the link, the cursor won’t appear as if it’s a link, but it still is a workable link when clicked.

    
.custom-logo-link a { cursor: unset; }

    If you want to have the logo image as a not-clickable link, just don’t set the logo image. Then use :before CSS pseudo element to .site-title and add image’s url in as it’s content.

    Thread Starter wpguillaume

    (@wpguillaume)

    Thank you!

    (To be honest, I hadn’t understood what a colleague wanted me to do, which was removing the opacity effect when hovering over or focusing on the header image.

    .header-image a:hover img,
.header-image a:focus img {
	opacity: 1.0;
}

    did the trick.)

    No problem, glad that you figured it out ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to disable logo link’ is closed to new replies.