Banner/header link to weebly page

[CM_2897]

How to you add a link behind the banner/header image so it is clickable to another Weebly page? For example, linking the banner advert of an event to a page with further information.

[Erin6]

As far as I know, you'll need to use custom HTML/CSS to do this. We don't have any tutorials on this, but you may be able to find some instructions by Googling. 

You may want to copy your site before you change the HTML/CSS just in case!

Thanks, and enjoy your day.

Erin

Weebly Community Manager

[FruitMuncher99]

hi Erin, thanks a lot for your reply. I have managed to find the tutorial on Google

when you say "Copy your site" , you mean "archive the website" ?

[Brodie]

Hi @CM_2897,

At this time, you cannot enable linking on header images in Weebly. However, if the theme and header type allows for a button in the header image, you can link that button!

[CM_2897]

Many thanks Brodie - sadly my theme wont allow a button to be added so I'll just have to wait and hope this comes as a future development.

[FruitMuncher99]

yeah, finger cross. I hope that will be available in the future since that wil be very helpful and some other web builders have that feature as well.

[Weeblers · Accepted solution]

Hi @CM_2897,

You can add the following code:

<script>
(function($) {
$(function() {

var pageLink = 'http://www.waddons.com/', // add your page url
banners = $('.wsite-custom-background, .wsite-header');

banners.css('position','relative');
banners.wrap("<a href='"+pageLink+"'></a>");
});
}(jQuery));
</script>

Inside of the FOOTER CODE of the page where you would like to have a linkable banner, simply adjust the pageLink url (comment has been made beside it) and drop it in that box.

PAGES > PAGE NAME > Advanced > FOOTER CODE

 

That should give you the option of linking that image,
note that it hasn't been tested on all pages, so if anything weird happens to the theme, please remove the code,
a live and working example: DEMO

Hopefully it works for you as well.

[FruitMuncher99]

legendary, will give this a try  

[CM_2897]

I have only implemented this into the footer code of the home page for now whilst I test, but works great so far. 

Many thanks for the code!

[amytree]

This script is great!  Thank you!  I added it by dragging an Embed Code element into page footer and pasting the script in there.

[ReadySetGoWeb]

Never mind....I figured it out. (But I can't figure out how to delete my post!)

[Bernadette3]

You can't delete a post, but thanks for editing it, @ReadySetGoWeb