Boundless Theme Mobile Text Alignment

[damienfeller]

When I'm designing my website I can't seem to figure out how to have the product title, reviews and Add to cart UI be centered in the screen they are left-aligning and off-center right now.

 Many thanks, website url: buzzdhair.com

mobile

[JHKCreate · Accepted solution]

Hi @damienfeller !

Add the following code to your theme.scss file:

@media only screen and (max-width: 749px)
{
.product__form--add-to-cart {
    max-width: 100%;
    margin-top: 20px;
 }

.product__details.grid__item {
    text-align: center!important;
}

}

Let me know if that works!

[damienfeller]

That works perfectly, thanks a million you saved a lot of headache!

[JHKCreate]

You're welcome @damienfeller !

[poppedis1]

Hello

I have the same issue. Your solution fixes the problem on the product page, I also need the title of each product to be centered on the collection ist

Thank you for your help