I'm currently designing our shop for our new website and saw that the product page was not looking the way I wanted it to look (for mobile that is). The product image for mobile have padding/margin around the image which I don't like. I would like it to be full width for mobile without changing the look for desktop. If anyone can help me with this I would appreciate it very much! I have attached two images in this post, one is our site and how it currently looks and the other image is of gymsharks sites for inspiration and an indication of what we want.
@RobinOlofsson - see screenshot, your pages have padding around page hence that space, if padding is removed then all content will show changed spaces
Thanks for the reply!Yes, I have tried to solve my problem by removing the padding for the .page-width, but then it removes all the padding for the text logo and icons which I don't want. Is there another way to solve it or do I have to remove the padding and try to add padding to all individual parts?