How to change Prestige theme mobile text alignment to the left

Solved
wangyalan621
Tourist
4 0 3

I'm using the Shopify Prestige theme, and I've noticed that the content in the text box is left-aligned when viewed on a computer, but it becomes center-aligned on mobile devices. I've tried editing the code based on the answers I found in the community, but it hasn't worked. Can anyone help me resolve this issue? Thank you.

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
4175 956 1163

This is an accepted solution.

Paragraph with the image with section? This one?

Made4uoRibe_0-1695931592555.png

All paragraph will be in the left. If this one then try the code. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (max-width: 749px) {
image-with-text.image-with-text p {
    text-align: left;
}
}

 

  • And Save. 
Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 7 (7)
Beae_Anthony
Shopify Partner
436 167 168

Hi @wangyalan621 ,

Could you please share your store URL, so that I can help you

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
wangyalan621
Tourist
4 0 3
Made4uo-Ribe
Shopify Partner
4175 956 1163

Hi @wangyalan621 

Just a question you like all text alignment on the left? Or there are only some specific text you like to align? Would you mind to share your store URL website, with password if its protected? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


wangyalan621
Tourist
4 0 3

I'd like to align the content in paragraph box to the left, all the title or subtile remain centered as they are now.

 

www.lawzfashion.com

Made4uo-Ribe
Shopify Partner
4175 956 1163

This is an accepted solution.

Paragraph with the image with section? This one?

Made4uoRibe_0-1695931592555.png

All paragraph will be in the left. If this one then try the code. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

@media only screen and (max-width: 749px) {
image-with-text.image-with-text p {
    text-align: left;
}
}

 

  • And Save. 
Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


wangyalan621
Tourist
4 0 3

Cool! problem solved. 

Made4uo-Ribe
Shopify Partner
4175 956 1163

Good to hear, Please dont forget to Mark Solution to the post that help you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com