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!
"I write a review very infrequently, but Weeblytricks deserves one. Chris went above and beyond to make sure he understood the scope of what we wanted and provided a great product in a very timely manner. Will use again and would recommend!" - Arthur, 8/17/17
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.