The Shop now button for the slideshow won’t show on mobile device. I’ve tried many settings and watched a bunch of videos and nothing has been able to fix it. I don’t understand the problem cause I’ve made stores in the past and the text was shown on mobile. My theme is Lammer and my store link is: https://halawaorganic.com/
Topic summary
A “Shop Now” button in a slideshow is not displaying on mobile devices, despite working correctly on desktop. The issue affects stores using the Lammer theme.
Proposed Solutions:
Two community members offered CSS-based fixes:
-
Made4uo-Ribe’s approach: Add custom CSS code in the theme.liquid file before the closing
</body>tag. No specific code details were provided in the readable portion. -
PageFly-Henry’s solution: Insert CSS targeting the slideshow button wrapper with specific mobile media queries (max-width: 767px). The code includes display properties, padding adjustments, width settings (50%), and flexbox centering to force button visibility on mobile.
Implementation Steps:
- Navigate to Online Store → Themes → Edit code
- Locate the theme.liquid file
- Paste the provided CSS before the
</body>closing tag - Save changes
Status: The discussion remains open with at least one additional user (captluci) reporting the same issue with their store, indicating this may be a recurring problem requiring troubleshooting.
1 Like
Hi @Testing120
Im not sure why your button hides.
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @Testing120
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
@media (max-width: 767px){ a.btn.gradient-theme.slideshow__btn.slideshow__btnbee2832c-de47-4655-adb1-aa1cc1ca58ba.btn-theme { display: block !important; width: 50% !important; padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 140px !important; } .slideshow__btn-wrapper { display: flex !important; justify-content: center; }}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hi please help. SHOP NOW button is working fine on desktop, but it’s not showing on mobile.
https://treshkova.com/
Hi please help. SHOP NOW button is working fine on desktop, but it’s not showing on mobile.
https://treshkova.com/