Make image clickable

Hi everyone!
I’ve got another question. Is there a way to make a background image clickable? I’ve inserted in image in my tab and it looks great, but it would be even better if it could be used as a home button and load Home page when clicked!
Please help me out with this :slight_smile:

My site:

I’ve used this CSS to add it:

@media only screen and (max-width:767px) {
.navbar.navbar-default {
font-size: 0;
background: url( center no-repeat;
max-width: 100%;
background-size: 40%

It’s only in the mobile view tab. Attaching a screenshot.

I’m sorry but this isn’t possible.

You have to develop custom code to achieve this.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer

Best Regards,


Oh. Since you can replace home button with logo on desktop menu I thought it can be done here as well. It’s the same code I used, in fact.

Just to confirm, is it not possible to achieve this at all with simple css?

Hey there,
I hope you’re doing well today

It’s not possible with just CSS alone.
Here are some work around you can look into.

  1. Make Entire Div Clickable | CSS-Tricks
  2. Using the view source tool in Google Chrome, find the code with the div, apply an anchor tag, then use this plugin to replace that blog of code with the anchor tag, Real-Time Find and Replace – WordPress plugin |

Modifications of this nature are beyond the scope of support I can provide, but I can at least point you in the right direction.

I hope this is helpful.

Best Regards,