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

Solved
YNN
Tourist
16 0 2

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)

Accepted Solutions
LitExtension
Shopify Partner
1942 320 393

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 2 (2)
LitExtension
Shopify Partner
1942 320 393

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

YNN
Tourist
16 0 2

Worked perfectly, thank you!