Call to Action - Button over a Custom Liquid video?

Store Design
, , ,

Topic summary

A user seeks to add a call-to-action (CTA) button overlaying a custom liquid video section on their Shopify landing page (Dawn Theme 11).

Solution Provided:
A community member shares HTML/CSS code to create an overlay button, which includes:

  • Positioning the button absolutely over the video
  • Styling with custom CSS for appearance and placement
  • Adding the target URL in the button’s href attribute

Additional Functionality:

  • Anchor links: The button can scroll to specific page sections by using section IDs (format: #shopify-section-template--[ID]) found in the page source code
  • Section ID location: Accessible by viewing the page source and identifying the relevant section wrapper

Ongoing Questions:

  • Making the video fill the entire page
  • Enabling the overlay button on mobile devices (currently hidden)
  • Styling the text link to match existing brand CTA buttons (white button style)

The core overlay functionality is resolved, but customization requests for mobile responsiveness and button styling remain open.

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

Thank you, it works better than anything I tried. Only, how can I make it work on mobile devices also?