REMOVE Product Page Image Slider Arrows Dawn theme - mobile view

REMOVE Product Page Image Slider Arrows Dawn theme - mobile view

harry_12345
Tourist
7 0 2

Hi there,

 

I find this section ugly and want to remove it from my product page on mobile view. 

 

Can someone please tell me how to remove it? 

 

Store: https://fruitysleep.com/products/fruity-sleep-gummies

 

358335190_3541683252777589_1505697810665626034_n.jpg

Replies 7 (7)

suyash1
Shopify Partner
9578 1197 1537

@harry_12345 - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.slider-buttons {display: none;    visibility: hidden;}
}
Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
HELDERWRLD
Explorer
105 0 6

Hello Suyash,
And what about the blank space that is left from it, how can i reduce it?

Website: https://c04baf-2.myshopify.com/ 
Code: Diversusoficial
IMG_7563.PNG

suyash1
Shopify Partner
9578 1197 1537

@HELDERWRLD - add !important to display:none; so it becomes

@media screen and (max-width:749px){
.slider-buttons{display: none !important;  visibility: hidden;}
}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
HELDERWRLD
Explorer
105 0 6

Thank you so much Suyash,
It worked.

Melinda5
Explorer
52 3 11

Hello! I tried your solution and it seems to work when viewing on the theme customizer, but doesn't reflect on the store preview. Any idea why this could be? I can't make my website live yet to check if it is simply because it is preview, but I assume it should also be reflected on preview as all other changes are as well. 

Hope you can help me with this!

Here are screenshots:
Screenshot 2023-10-05 at 4.04.59 PM.pngScreenshot 2023-10-05 at 4.04.09 PM.pngIMG_90BEF030B8A8-1.jpeg

suyash1
Shopify Partner
9578 1197 1537

@Melinda5 - can you please provide the preview link of this theme? Even if it is not live you can still check the preview

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Melinda5
Explorer
52 3 11