Need entire image banner to be clickable in Dawn theme 15.2.0

[CuttingEdgeProm]

I have Dawn theme 15.2.0 I need my entire image banner to be clickable. I found a bunch of coding solutions online but they don’t work. Can someone help?

[DaisyVo]

Hi @CuttingEdgeProm 

Could you please share the store link with us so we can check further? 

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

[DaisyVo]

Hi @CuttingEdgeProm 

I have just checked and found that your banner is clickable now. 

Not sure if is there anything else that we can help you with? 

Best,
Daisy - Avada Support Team.

[DaisyVo]

@CuttingEdgeProm 

If this happens again, you should wrap the image tag <img /> inside an anchor tag <a> in the banner code.

Example:

<a href="link-redirect">
    <img src="img-link" />
</a>

[Rahul_dhiman]

Hello @CuttingEdgeProm 
This would need custom coding to make the whole banner clickable.
I will suggest you to go with the experienced developer, or i can also help you with this.
Thanks

[Dan-From-Ryviu]

Hi @CuttingEdgeProm 

You can follow this article to make image banner clickable 

https://buymeacoffee.com/dandong910/how-make-image-banner-clickable-shopify-dawn-theme

[CuttingEdgeProm]

hi-i added all of your code to the bottom of base.css But what do I do now? There needs to be a section that I go to so that I can program what link to go to if someone clicks on the banner. can you help?

[websensepro]

Hi @CuttingEdgeProm , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[MR115_ShopiDevs]

To make an entire image banner clickable in Shopify Dawn theme , follow these steps:
Wrap the image <div> with an <a> tag to make it clickable. For example:

<a href="{{ section.settings.link }}">
  <div class="banner-image">
    <img src="{{ section.settings.image | img_url: '...' }}" alt="{{ section.settings.image.alt }}">
  </div>
</a>

{
  "type": "url",
  "id": "link",
  "label": "Banner Link",
  "default": "#"
}

 Let me know if you need more detailed guidance!