Shopify themes, liquid, logos, and UX
Hi,
My arrows Button not sohwing on desktop. On mobile version my arrows are sohwin left and right side on the media. But on the desktop it's not showing on the media model. Can anyone help me to solve this. Thanks in advance.
Store URL: https://store1.ecomsmartify.shop/products/meena
Store Password: 4
Thanks
Same problem but some Strange My Cart Button didn't Show How? Please Help Me
They are hidden for desktop with CSS
.product--thumbnail_slider .slider-button {
display: none !important;
}
you can change the display to "flex" for every desktop media query in the CSS file (section-main-product.css)
Hi,
I have attached the screen shot below of arrows on products page. Thanks!
Look at my answer again and tell me if you fix it. If so, please check my answer as a solution 🙂
Hello @Unknowndev234
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-slider.css
add this code at the end of the file and save.
@media screen and (min-width: 990px) {
.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
display: flex !important;
}
}
@media (min-width: 1024px) {
.product--thumbnail_slider .slider-button {
display: flex !important;
}
}
@media screen and (min-width: 750px) {
.slider--mobile+.slider-buttons {
display: flex !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Bro, the arrows are showing on mobile because there are no thumbnails on mobile. So, if you need to change the picture, click on the arrows. However, on desktop, the thumbnails are showing, so if we want to change the image, we will click on the thumbnails. Therefore, it doesn't make sense to have arrows on desktop.
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Hi, @websensepro
I want the same arrows with same image changing functionality on the desktop as well. Thanks !
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025