Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an accepted solution.
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 </body> -> save.
<style>
@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;
}}
</style>
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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 </body> tag and paste the code below before the tag.
<style>
@media only screen and (max-width: 749px){
.slideshow__btn {
display: inline-flex !important;
}
}
</style>
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi please help. SHOP NOW button is working fine on desktop, but it's not showing on mobile.
https://treshkova.com/
This is an accepted solution.
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 </body> -> save.
<style>
@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;
}}
</style>
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi please help. SHOP NOW button is working fine on desktop, but it's not showing on mobile.
https://treshkova.com/
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024