How To Make the Slideshow Banner Clickable - Dawn Theme

Store Design
, ,

Topic summary

A user seeks to make slideshow banner images clickable in the Dawn theme. The built-in button link feature works on desktop but causes layout issues on mobile—the button’s fixed position blocks the image caption and cannot be adjusted.

Proposed Solution:
A CSS code snippet was shared to add to the Slideshow section’s Custom CSS:

  • Makes the text wrapper and button fill the entire slide area
  • Sets text opacity to 0 (hiding caption)
  • Positions the button absolutely to cover the full banner, making the entire image clickable

Outcome:
One user confirmed the solution works for them. However, another user reports it’s not functioning on mobile devices, suggesting the issue may not be fully resolved across all implementations.

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

Hi @JoleneXu

Please add link to button link of slideshow and then add this CSS code in Custom CSS of your Slidehow section and check if it works

.slideshow__text-wrapper { 
padding: 0 !important; 
max-width: 100% !important; }
.slideshow__text { height: 100% !important; 
width: 100% !important; 
opacity: 0; 
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}
4 Likes