How to make Header Image Clickable

Hi Ropranay

I think it’s because you have used the image as a background. If you go to Appearance=>Customize Iconic- One=>Logo and upload the header image there it will be clickable but this will take the visitor to the home page.

Is that where you would want them to go?

If that’s not the case you could try using a button within the area and making that clickable. That’s what I did one time although it was for an area below the menu bar. using css you could make the button almost see through using opacity.

I hope this helps
All the best
Dave Foston

Hi Dave,

Thanks for your valuable reply. I’ve followed your instruction, It’s working fine. But there is white border or space all around of my header logo..How to remove that space.

Actually to avoid this issue I’ve used css in child theme. Could you advise how to remove space around the logo.

Hi Ropranay

Thank your for your kind words.

I’ve followed the link to your site but I can’t see that I really noticed any difference.

However, you can make the header image, menu and footer go just about flush with the size of the content area by using this code

body .site {
padding: 0;
margin-bottom: 24px;
max-width: 1050px;
}

I hope this helps
Cheers
Dave

Thank you Dave for your assistance. I’ve tried with the code you suggested. But it’s not Working. Finally I got the solution. The below code solved my problem.

.themonic-logo {
 padding: 0;
 margin: 0;
}

Source – Here

Thank you.

Ok – it seemed to work with me but I’m really glad you found this one.

Take care
Dave