Solved

Centered title for featured collection not working on mobile

tmitch
Tourist
6 0 3

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!

Accepted Solution (1)

techlyser_web
Shopify Partner
1611 299 322

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

 

 

techlyser_web_1-1703774661442.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 5 (5)

websensepro
Shopify Partner
1047 146 153

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!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

techlyser_web
Shopify Partner
1611 299 322

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

 

 

techlyser_web_1-1703774661442.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
tmitch
Tourist
6 0 3

Thank you so much! This worked perfectly 😁

techlyser_web
Shopify Partner
1611 299 322

Welcome 😁

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
EliFineArt
New Member
4 0 0

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.