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

Solved

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

YNN
Excursionist
28 0 4

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!

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1002 1160

This is an accepted solution.

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 2 (2)

LitExtension
Shopify Partner
4860 1002 1160

This is an accepted solution.

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
YNN
Excursionist
28 0 4

Worked perfectly, thank you!