Shopify themes, liquid, logos, and UX
Hi, i would like to center this text on mobile view.
Please see the code below.
Thank you and cheers
Solved! Go to the solution
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;
}
}
Please share the website link, I will provide the exact code for you
Myhairvitamins.com
and scroll a little bit down
Thanks and God bless you!
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;
}
Thank you, will try it. So basically i should remove this and replace it with your code?
Yes, correct
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;
}
}
Worked like a charm!
Thank you so much
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024