Archived topic
Stop logo/header from linking to my site
7 replies · Started by Chris on February 21, 2019
Hello! I’m trying to disable the link on my header logo and I don’t know how. Can you help me? I don’t want the logo/header image to be click-able. I just want the image as an image i.e. non click-able. Can I do that with some simple css or some php?
Thanks
Chris
p.s.
I'm not technical and would not know how to do this or start editing scripts, though I believe I can use code snippets plugin if I have to add some php code.
Hi there,
simplest method is to block the pointer-event to it can't be clicked with this CSS:
.site-logo a {
pointer-events: none;
}Methods of adding CSS:
Brilliant! That worked, thanks ever so much.
Glad to be of help.
site is joe-holmes.com I want to remove the link on my header. Ive tried css .site-logo a {
pointer-events: none;
}
and it still has a link
any help is appreciated
Hi Joe,
Try this one:
.site-logo {
pointer-events: none;
}Thanks for your suggestion. It did not work so I removed all previous scripts and used only your script it now works. I will need to monitor my site for a while to see if removing scripts affect it.
Thanks for the help.
There might be some formatting issue in your other CSS that stops this one from working.
You can try a tool like this to find out any problem in your CSS:
https://jigsaw.w3.org/css-validator/#validate_by_input
Hope it's helpful :)
