My arrows are not showing on the desktop and showing on the mobile

My arrows are not showing on the desktop and showing on the mobile

Unknowndev234
Shopify Partner
170 2 6

Hi, 

My custom arrows are not showing on the desktop on product page. And showing and working perfectly on mobile version. Can anyone help me to display the arrows on the desktop as same the mobile version have. Thanks!

Store URL : https://store1.ecomsmartify.shop/products/lahu
Password: 4

Replies 6 (6)

AnneLuo
Shopify Partner
1353 237 276

Hi, @Unknowndev234 

Can you take a screenshot to indicate the custom arrow?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Unknowndev234
Shopify Partner
170 2 6

Hi @AnneLuo here is the screenshot attached below from my old screenshots.

1arrows.jpg

Webcreto
Shopify Partner
10 2 1

@Unknowndev234  Please follow the below steps: 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.


@media (min-width:768px) {

.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
display: block;
}

}


Webcreto || Shopify Partner

WhatsApp: +91 9125530390

For additional discussions, reach out via: Email ID: webcreto@gmail.com

Unknowndev234
Shopify Partner
170 2 6

Hi I have added this code but still my arrows are not appeared on the desktop version. can you check please. Thanks!

GTLOfficial
Shopify Partner
878 181 192

Hello @Unknowndev234 
Go to online store ----> themes ----> actions ----> edit code ---->base.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: block !important;
}
}
@media screen and (min-width: 750px) {
.product--thumbnail_slider .slider-mobile-gutter .slider-button {
display: flex !important;
}
}

result
171.png

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
Unknowndev234
Shopify Partner
170 2 6

Hi @GTLOfficial Tahnkyou soo much for providing me the solution. after adding this my arrows are appeared. But my thumbnail got disappeared. can you check again please and my arrows are also not working as the button on mobile changing the slides. Thanks!