REMOVE Product Page Image Slider Arrows Dawn theme - mobile view

[harry_12345]

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

[suyash1]

@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;}
}

[HELDERWRLD]

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

[suyash1]

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

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

[HELDERWRLD]

Thank you so much Suyash,
It worked.

[Melinda5]

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:

[suyash1]

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

[Melinda5]

Here you go! Thanks https://1i95dtgkycywlt2y-26499285045.shopifypreview.com