Outline text to left - Only mobile

[lunalucenteskin]

Hi everyone,

How can i outline this text to the left, it's only for mobile.

URL is www.lunalucente.com

[Made4uo-Ribe · Accepted solution]

Hi @lunalucenteskin 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (max-width: 599px) {
    .m-content-box.m-richtext .m-richtext__description p {
        text-align: left !important;
    }
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[GTLOfficial]

Hello @lunalucenteskin 

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->main.css
add this code at the end of the file.

@media screen and (max-width: 767px) {
.m-richtext__description p {
text-align: left !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[topnewyork]

Hi @lunalucenteskin ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

@media screen and (max-width: 599px) {
    .m-content-box.m-richtext .m-richtext__description p {
        text-align: left !important;
    }
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!