How can I resize an image on my mobile site?

Hello,

I need help resizing an image on my mobile site that reads “Free Bottle on Orders over $65”

Can someone help?

www.shopgrace-boutique.com

pass: ShopGrace

Thank you, all

Hi @SHOPGRACE ,

I checked and found no image at “Free Bottle on Orders over $65”. Do you want it to look like this on mobile? https://i.imgur.com/EVuM87X.png
Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > stylesheet.css and paste this at the bottom of the file:
@media screen and (max-width: 739px){
	.row.usp__section-container{
		display: block !important;
	}
	.row.usp__section-container .usp__content{
		width: 100% !important;
	}
	.row.usp__section-container .usp__content:nth-child(2n):before{
		display: none !important;
	}
	.row.usp__section-container .usp__content:nth-child(2n){
		border-top: 2px solid #ffffff !important;
	}
}

Hope it helps!