FROM CACHE - en_header

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

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
3467 624 879

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

Learn more about us: jhkcreate.com

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
3467 624 879

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

Learn more about us: jhkcreate.com
damienfeller
New Member
4 0 0

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

JHKCreate
Shopify Partner
3467 624 879

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

Learn more about us: jhkcreate.com
poppedis1
New Member
1 0 0

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