Center multicolumn text mobile view

Solved
myhairvitamins
Tourist
21 0 1

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

Please see the code below. 

Thank you and cheers

myhairvitamins_0-1652557967550.png

 

myhairvitamins_1-1652558028443.png

 

 

Accepted Solution (1)

Accepted Solutions
made4Uo
Shopify Partner
801 85 137

This is an 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;
}
}

 

✿✿✿-If this helps, please Accept as Solution✌-✿✿✿
Need help? Custom edits?
Just visit me at my ☏ website and check my codes for as low as $7 custom sections and snippets.
I can write a code for you as well.

View solution in original post

Replies 7 (7)
sakinur_rahman
Shopify Partner
52 8 9

@myhairvitamins 

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

❁❁ If this helps you, please Accept as Solution ❁❁
☞☞ Need help? Custom Coding? Custom Section?

Just knock me here on Facebook. My work start from $5
myhairvitamins
Tourist
21 0 1

Myhairvitamins.com

and scroll a little bit down

 

Thanks and God bless you!

sakinur_rahman
Shopify Partner
52 8 9

@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;
}

❁❁ If this helps you, please Accept as Solution ❁❁
☞☞ Need help? Custom Coding? Custom Section?

Just knock me here on Facebook. My work start from $5
myhairvitamins
Tourist
21 0 1

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

CAC69BB7-2E29-40D5-979D-A53BAAE43AEE.jpeg

sakinur_rahman
Shopify Partner
52 8 9

Yes, correct 

❁❁ If this helps you, please Accept as Solution ❁❁
☞☞ Need help? Custom Coding? Custom Section?

Just knock me here on Facebook. My work start from $5
made4Uo
Shopify Partner
801 85 137

This is an 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;
}
}

 

✿✿✿-If this helps, please Accept as Solution✌-✿✿✿
Need help? Custom edits?
Just visit me at my ☏ website and check my codes for as low as $7 custom sections and snippets.
I can write a code for you as well.
myhairvitamins
Tourist
21 0 1

Worked like a charm!

Thank you so much