Text in 'featured collection' mobile not centered

[visualess]

Hi,

For some reason the heading text in featured collection isn't centre aligned on mobile only. Does anybody have a solution to fix?

TIA!

Website: curlybynature.com

password: visualess

[Moeed · Accepted solution]

Hey @visualess 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    text-align: -webkit-center !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[visualess]

You're amazing! thank you so much it worked perfectly

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Tech_Coding]

Hello @visualess 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
   .collection__title.title-wrapper {
      text-align: center !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Rahul_dhiman]

Hello @visualess 

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.collection__title.title-wrapper {
    text-align: center !important;
}

 result

If this was helpful, hit the like button and accept the solution.
Thanks