How can I center text in mobile view?

[myhairvitamins]

Hi, i would like to center this text on mobile view.

Please see the code below.

Thank you and cheers

[sakinur-rahman]

@myhairvitamins

Please share the website link, I will provide the exact code for you

[myhairvitamins]

Hair Vitamins Keratin Treatment Oil Serum

and scroll a little bit down

Thanks and God bless you!

[sakinur-rahman]

@myhairvitamins

Please use this code at the very bottom of the base.css file and give max-width 749px .

.multicolumn .title.h2 {
text-align: center;
transform: inherit;
left: 0;
top: 5px;
}

[myhairvitamins]

Thank you, will try it. So basically i should remove this and replace it with your code?

[sakinur-rahman]

Yes, correct

[made4Uo]

Hi @myhairvitamins ,

I would just replace your encircled code with the code below. Take out the left code

@media screen and (max-width: 749px) {
.multicolumn .title {
top: 20px;
width: 100%;
text-align: center;
}
}

[myhairvitamins]

Worked like a charm!

Thank you so much