Topic summary
Mobile placement issue of the “Shop Now” button in the Shopify Debut theme slideshow. On phones, the button appeared below the image instead of over it.
Actions taken:
- Site URL and password were requested to inspect. A code fix was proposed for theme.css using a mobile media query (max-width: 749px) to center .slideshow__btn, hide mobile text content, center the wrapper, and adjust section margin. A screenshot was provided.
- This fix resolved the original poster’s issue.
Follow-up cases:
- Another store reported the button disappeared with the same code. An alternative CSS rule (.slideshow__btn { top: 70px; } under the mobile media query) made the button visible but still below the image. Further help was requested.
- A different user said the code worked but placed the button in the middle of the image; they later found their own solution and were asked to share details.
Key technical notes:
- Debut is a Shopify theme; CSS is the styling language; media queries like (max-width: 749px) target mobile layouts.
Status:
- Original case resolved. Additional cases (button position customization and moving it to the bottom on mobile) remain open without a shared final solution.
1 Like