How do I center my product line titles for mobile devices

[Jim]

 

my website: www.bmcarcover.com

[GTLOfficial]

Hello @Jim 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media (max-width: 767px) {
.full-unstyled-link {
text-align: center !important;
}
}

result

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

[BSSCommerce-HDL · Accepted solution]

Hi @Jim, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 749px) {
   .title-wrapper-with-link h2 {
    text-align: center !important;
   }
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍