Left Align Mobile View??

[Launchcodegolf]

Desktop view is great, but on mobile, everything on my website is center aligned.  Titles, descriptions, etc.  I'm ok with this on my homepage, but all the other pages I need things to be left aligned.

Does anyone now how to do this?! Help! Lol.

My website: www.launchcodegolf.com

[Moeed · Accepted solution]

Hey @Launchcodegolf 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-details.mobile {
    text-align: -webkit-left !important;
}
div#product-tab-description {
    text-align: -webkit-left !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Launchcodegolf]

Thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[PageFly-Oliver]

Hi @Launchcodegolf ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% unless template.name=='index' %}
<style>
@media(max-width:767px){
* {
    text-align: left !important;
}
}
</style>
{% endunless %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly