My arrows Button not sohwing on desktop ?

My arrows Button not sohwing on desktop ?

Unknowndev234
Shopify Partner
170 2 6

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

Replies 7 (7)

agatharose8
Visitor
2 0 0

 Same problem but some Strange My Cart Button didn't Show How? Please Help Me

lynth
Shopify Partner
204 11 33

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)

 

If my tips are useful, just mark it as the solution. Cheers!
Feeling grateful? Buy me a coffee!
Unknowndev234
Shopify Partner
170 2 6

Hi, 

 

I have attached the screen shot below of arrows on products page. Thanks!

Screenshot_2025-01-20-13-53-07-444-edit_com.android.chrome.jpg

lynth
Shopify Partner
204 11 33

Look at my answer again and tell me if you fix it. If so, please check my answer as a solution 🙂

If my tips are useful, just mark it as the solution. Cheers!
Feeling grateful? Buy me a coffee!

Rahul_dhiman
Shopify Partner
855 168 186

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
165.png164.png163.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

websensepro
Shopify Partner
2137 267 318

Hi @Unknowndev234 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Unknowndev234
Shopify Partner
170 2 6

Hi, @websensepro 
I want the same arrows with same image changing functionality on the desktop as well. Thanks !