I want to align the product page text left

[Fayed_Bd]

I want to left align the text on the mobile version of my product page because it doesn’t look good in the center right now. But I don’t see a way to do it from my theme customization options.

Can anyone help me if this can be done with HTML/CSS?

Site link: Awrah Performance Shorts – Nayra Wear.

[tim_tairli]

In “Customize”, you need to go to this section settings paste the following into “Custom CSS” setting:

.product-block--sales-point li * {
  justify-content: flex-start;
}

This code will make your sales points always left-aligned.

Do not edit theme code – it will make theme version updates problematic.
“Custom CSS” will persist.

Also, using “Custom CSS” of a section makes CSS rule scoped to this section only, so no side-effects possible.

[EFOLI-Syn]

Hello @Fayed_Bd,

You can try adding the following css code into your base.css file or theme.css file and check:

@media screen and (max-width: 749px){
.sales-points {display: flex;
    justify-content: flex-start;
}
}

Here is the result:

[Dan-From-Ryviu]

Please add this code to Custom CSS in theme settings

@media (max-width: 767px) {
    .product-single__meta .sales-point .icon-and-text {
        justify-content: left;
    }
}

Best regards,
Dan from Ryviu: Product Reviews App

[Fayed_Bd]

It’s easily worked, Thank you

[Dan-From-Ryviu]

You are very welcome!