Removing image carousel from product page on mobile only

gihan7575
Explorer
53 1 4

https://lobonewyork.com/products/contrado-jacket-1

 

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.

 

https://www.givenchy.com/us/en-US/hooded-bomber-jacket/BM01721YFG-306.html

 

 
 
 

gihan7575_3-1711587617696.png

 

Gigi
Replies 3 (3)

sahilsharma9515
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

Sahil

- 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

 Like 

and

 Mark it as solution! ❤️


gihan7575
Explorer
53 1 4

Figured it out myself already. Thanks for the help though

Gigi

Raj-webdesigner
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 :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com