All things Shopify and commerce
Hello guys, I want my main image view in mobile to be full width, here is an example.
I want this image above to be like this image below
As you can see the second image is full width and do not have any padding at the right and left side
Solved! Go to the solution
This is an accepted solution.
Hi @NikosBat
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:749px){
.grid--peek .grid__item {
min-width: 100% !important;
}
.section-template--22800324755788__main-padding .page-width {
padding: 0 !important;
}
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Hi there @NikosBat Check out this code and let me know if it works for you
Please use this code in CSS file
@media screen and (max-width: 750px) {
.product.product--thumbnail_slider.product--mobile-show .grid__item.product__media-wrapper {
left: -1.5rem;
width: calc(100% + 3rem);
max-width: calc(100% + 3rem);
}
}
Hello Bundler-Manuel and thanks for replying, this code did not work for me
This is an accepted solution.
Hi @NikosBat
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:749px){
.grid--peek .grid__item {
min-width: 100% !important;
}
.section-template--22800324755788__main-padding .page-width {
padding: 0 !important;
}
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
Thanks for your answer Websensepro, that has solved my problem
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025