Centre align text, mobile, custom content, debut theme

[tree55]

Hi there,

I’m using the custom content section in my Debut theme. I’ve selected centre aligned, however on mobile the text is right aligned.

Has anyone else run into this error?

Here’s my store link:https://thegivingchristmastree.com

Here’s the desktop view:

Here’s the mobile view

Thanks

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.medium-up--text-center {
text-align: center!important;
}

[tree55]

Hi there,

Thanks for the code.

I’ve pasted it into the theme file - but the the text is still left aligned.

[diego_ezfy]

@tree55 , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

#shopify-section-article-template *{
    text-align: center !important;
}

Kind regards,
Diego

[DianaZrm95]

Thanks!

Same thing happened to me but the text was aligned to the left on mobile phone.

This fixed it.