Issues with Sale Label and Content Partially Cut off On Mobile and Desktop.

Hi, My content is getting cut off on mobile. I can't change it so that the content shows within the screen width when you click on a product and go to the individual product page listing. Particularly noticeable on my sale items.  When you click on a sale item the sale label cuts off so the word "sale" reads as "ale." I also have issues with removing the sale label entirely, which I have tried, and the sale label still shows on the individual product page listing for each sale item. I have also tried changing the position of the sale label and it still shows it on the far left top corner of my sale product image. On my non sale items (and sale items), on the individual product listing,  all content is pushed all the way to the left of the mobile screen so there is no spacing between the edge of the screen  and where the edges of the product image listing and content start.  On the desktop it also gets cut off a bit but if I zoom out a bit on my browser to make everything appear smaller that seems to make everything show; but it should be made so that it shows correctly even if zoom were to be 100% and not 75%. Zooming out on mobile doesn't make the content show correctly so that doesn't work for mobile. This is my website  https://cinnimini.shop Any help with this would be much appreciated. Really like the theme. Thank you.