Dawn Theme - How Can I Align My product page to the left on mobile?

[shanagarryceo]

My current product page; variants, price, product name etc, star ratings are currently centred. How can I change this to the being all aligned left?

[PageFly-Victor]

Hi @shanagarryceo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
@media (max-width: 767px){
.product__info-wrapper.grid__item * {
    text-align: left !important;
}
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[GemPages]

Hello @shanagarryceo ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
@media (max-width: 767px){
 .product .product__info-wrapper.grid__item * {
    text-align: left !important;
 }
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team