Boundless Theme Mobile Text Alignment

Solved
damienfeller
New Member
4 0 0

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

mobilemobile

0 Likes
JHKCreate
Shopify Partner
2046 331 445

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
damienfeller
New Member
4 0 0

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

0 Likes
JHKCreate
Shopify Partner
2046 331 445

You're welcome @damienfeller !

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes