Center multicolumn text 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]

Myhairvitamins.com

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 · Accepted solution]

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