Removing image carousel from product page on mobile only

53 1 4


As you can see, on mobile my page has an image carousel, instead of an image carousel I want two arrows that will go to the next, or previous image instead of that carousel on mobile. For reference, Givenchy's website.





Replies 3 (3)

Shopify Partner
839 100 150

Hi @gihan7575 This can be achievable, but you need to achieve this with the help of custom coding, without custom coding it will not be possible to achieve.


If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.


Best Regards


- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !

- Hopefully the solution will help you. If yes then Please hit



 Mark it as solution! ❤️

53 1 4

Figured it out myself already. Thanks for the help though


Shopify Partner
236 52 53

Add this css In your base.css File

@media screen and (max-width:750px){
	.slider-buttons button.slider-button{
	    position: absolute;
    	top: 50%;	
	    transform: translate(0, -50%);
    	z-index: 9999;		
	.slider-buttons button.slider-button.slider-button--prev {
    	left: 5%;
	.slider-buttons button.slider-button.slider-button--next {
    	right: 5%;
	.slider-buttons button.slider-button.slider-button--prev svg,.slider-buttons button.slider-button.slider-button--next svg {
	    width: 64px;
	    height: 64px;

This Css Only For Slider Arrow Fixe.

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-


Contect On My Mail