How can i remove side padding of product images in mobile means make it full width image like i shown by red box.
Website: theavalonz.in
Hi @Avalonz
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Its not working that way it shifted the below text also and image is not full width means next image should not visible it should cover whole area.
Like the red box in first image. And i don’t want want to shift text.
Hi @Avalonz
You can try to add this code to theme.liquid file, after in Online Store > Themes > Edit code
1 Like
It worked 
Thank you so much. 
1 Like
Happy I could help 
!
Hello sir,
I have done the same thing on my store. It’s working but in my case the number of images in the bottom showing 1 extra. Like there are 2 images inthe slider but it’s showing 3. Please help 
.
This is my store link →
https://heavenmerch.in/products/kafka-kaiju-no-8-oversized-t-shirt-copy
Please update the code
one issue, i am having the right side is still showing padding in mobile view the left side is perfect
@media (max-width: 749px) { .product .slider.slider--mobile { scroll-padding-left: 0; } .product .grid--peek.slider .grid__item { width: 100%; } .product .grid--peek.slider .grid__item:first-of-type { margin-left: 0px; } }Code used ^