Center text on mobile view

[needelp]

Hello some text is centered some is left aligned in image with text-text. How do I center it

 

[Sangeetanahar]

hello @needelp 

can you send me the Website URL

thanks

[BSSCommerce-HDL]

Hi @needelp, 

<style>
@media only screen and (max-width: 749px) {
h2.image-with-text__heading.inline-richtext {
    text-align: center !important;
    width: 100% !important;
}

.image-with-text__text.rte.body {
    text-align: center !important;
}
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[needelp]

Thanks where do I put it?

[BSSCommerce-HDL]

Hi @needelp, You can try: 

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

Step 2: Search file theme.liquid

Step 3: Insert that code above </head> tag

[topnewyork]

Hi @needelp ,

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

<style>
@media only screen and (max-width: 749px) {
h2.image-with-text__heading.inline-richtext {
    text-align: center !important;
    width: 100% !important;
}

.image-with-text__text.rte.body {
    text-align: center !important;
}
}
</style>

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

Thanks!

[Made4uo-Ribe · Accepted solution]

Hi @needelp 

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 only screen and (max-width: 749px){
.image-with-text__text.rte.body {
    text-align: center;
}
h2.image-with-text__heading.inline-richtext.h2 {
    align-self: center
}
}

And Save. 

Result:

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