How to make a Dawn theme banner clickable?

Store Design
,

Topic summary

A Shopify store owner asks how to make a banner clickable in the Dawn theme.

Proposed Solutions:

  • Use the theme customizer to locate the banner section (Header/Hero) and add a URL link through built-in settings
  • Reference an external tutorial specifically for Dawn theme clickable banners
  • Modify the theme code by editing sections/hero.liquid and wrapping the banner element in an <a> tag with the desired href URL

Code Example Provided:
Wrap banner content in anchor tags like <a href="your-link-URL">...</a> using either absolute or relative URLs

Follow-up Issues:

  • One user with the Refresh theme (not Dawn) cannot find the same options and seeks alternative methods to hyperlink their banner to a Facebook group
  • Another user reports the suggested solution didnā€™t work for them
  • A question remains about whether code modifications allow URL editing through the visual editor or require manual code changes each time

Status: The discussion remains open with mixed results and unresolved questions about theme-specific implementations.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello,

How do I make my Dawn theme banner clickable?

www.amiesessentials.com

1 Like
2

To make the banner in the Dawn theme on your website, you can follow these steps:

  1. Log in to your Shopify admin panel.

  2. From the left-hand sidebar, go to ā€œOnline Storeā€ and click on ā€œThemesā€.

  3. Find the Dawn theme and click on the ā€œCustomizeā€ button.

  4. In the customization panel, locate the section that includes the banner you want to make clickable. It might be called ā€œHeaderā€ or ā€œHeroā€ section.

  5. Look for an option or setting related to the bannerā€™s link or click functionality. This setting may vary depending on the specific layout and options provided by the theme.

  6. Enable or enter the desired URL or page link in the appropriate field. This should allow you to specify where the banner should redirect when clicked.

  7. Save your changes and exit the customization panel.

3

@Amiesessentials

Please check the following URL for creating a clickable banner

https://ezfycode.com/blog/dawn-theme-clickable-banner-tutorial

Thanks!

2 Likes
4

Hello @Amiesessentials

To make the banner section clickable in the Dawn theme on Shopify, you can modify the themeā€™s code to add a link to the banner.

  1. Online store > Themes
  2. Customize the button to access the theme editor
  3. Navigate to sections > hero.liquid
  4. tag around the banner element to create a clickable link.
  5. Set the href attribute of the anchor tag to the desired URL where you want the banner to link to.

Replace ā€œ.your-link-URLā€ with the actual URL you want the banner to link to. you can use an absolute URL. 'https://example.com/pageā€™) or a relative URL (e.g. ā€˜../pageā€™ ).

5

Hey there, looks like I dont have that option in my Theme: Refresh. Is there another way to hyperlink my banner to https://www.facebook.com/groups/1489558128276798?

https://bubblebeautysupplies.com/

Password: bubble

I have circled the banner I want hyperlinked, and the div class highlighted in Inspect mode

banner.PNG
banner.PNG1424Ɨ889 231 KB

Cheers!

6

Thank you, it was very helpful.

7

This didnā€™t work for me

8

Hello,

Thank you for the information. Does this allow me to modify the URL on the editor or do I have to edit the code always. my store is www.losplaceresdelola.com

Thank you!