Mobile Product Page Stuck to the left but shows Normal on Website

Technical Q&A
1

Hi,

The mobile product pages have the text aligned left and white space on the right. However, on the desktop product page, it shows the text as centered.

URL: https://yellowstonenaturalnutrition.com/products/get-revive-pm

Thank you!

2

Hi @YNN ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
	.product-single__description{
		padding-left: 22px !important;
	}
}

Hope it helps!

1 Like
3

Worked perfectly, thank you!