Level of difficulty: Beginner Time to complete: 5 Minutes Steps: 3
This tutorial will show you how to make the banner image in your Weebly header clickable. With this tutorial, you'll be able to send people to any page when they click your banner image.
Step 1. Open weebly's html/css editor
Click on "Design" at the top, and then click on "Edit HTML/CSS" on the bottom left.
Step 2. Select your header template
On the left, select which template your theme is using. You have to be using either the short header, tall header, or landing page because they're the only header templates that allow image headers.
Note: If you don't know which header template your website is using, just go to "Pages" at the top and you'll be able to see the header template for each individual page.
Step 3. insert html code
Now you're going to look for the header's image code. It will look like this: "<div class="wsite-header"</div>".
Now add the orange coding to the code above. It will look like this: "<div class="wsite-header" onclick="location.href='http://www.google.com';"></div>".
Change the orange coding to the website you want people to go to when people click your header image. It will look like this: "<div class="wsite-header" onclick="location.href='http://www.google.com';"></div>"
You're done! Publish your site to see if your header image is clickable!