How to change mobile Css only for rich text heading and text?

[NeoCityCreative]

Hello All,

Can anyone please give us some advice on what parameters we should be changing for mobile only to make our text centered on any device?

The code below is what we have in the custom CSS section within the page. I have tried media only etc, but nothing seems to change on mobile.

@media with the code below makes it align but I am unable to publish for some reason.

Thank you!

Mobile: 

Website:

Custom CSS with home page:

[sumanthjois1996]

Try adding this

@media (max-width: 798px) {
 
.rich-text__heading {
left: auto !important;
width: auto !important;
}

.rich-text__text  {
left: auto !important;
width: auto !important;
}
}

[NeoCityCreative]

It worked perfectly, thank you.
So simple and easy, you are the best!

[sumanthjois1996]

Anytime 🙂