Hello. How can I make the product images full width on the page and remove gaps between images? I will attach an example down below.
This is my website. There is a little gap between images, and the first image isn’t full width like in the example photo:
And This is an example photo of what I want to achieve:
My website is: https://viellelondon.com/
pass: 123123123
Hello @AndreiGhetu
Its Artzen Technologies! We will be happy to help you today.
Please follow the below mentioned steps and remove the CSS which you added in CSS file.
@media screen and (max-width: 749px){
.grid–peek.slider–mobile {
margin: 0;
width: 100%;
}
}
Remove the above mentioned CSS from CSS file and you can see the achieved result in the screenshot.
If this solution helped you then please mark it as accepted.
Let me know if need further assistance
Regards,
Artzen Technologies
Hi. It did make it full-width, but now I have this space outside of the website:
And it also affected the desktop view too:
Hi can you please show the css.
Because in my opinion after removing the above css, this will become full width.
Remove the margin and width css
@media screen and (max-width: 749px){
.grid–peek.slider–mobile {
margin: 0;
width: 100%;
}
}
Yes. It does make it full-width, but after that, the two errors I showed you above appear
