Centered title for featured collection not working on mobile

[tmitch]

Hello. I'm trying to figure out how to center the title for featured collection because it works on desktop but doesn't center on mobile. If anyone could help that would be great thank you!

[websensepro]

Hi, @tmitch.

Kindly share your store URL and password.

And Apply these Codes.

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

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

[niraj_patel · Accepted solution]

Hello @tmitch 

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){
          .title-wrapper h2 {
             text-align: center !important;
          }
      }

</style>

[tmitch]

Thank you so much! This worked perfectly 😁

[niraj_patel]

Welcome 😁

[EliFineArt]

Thank you for sharing this! I just tried it and it worked. Would you know of a code that does the same thing with the featured collection's description on mobile? Now my heading is centred but the description is still on the left.