[Resolved] Center align add to cart field and button

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by Tom.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 17, 2019 at 5:10 am #812625
Alexandre
Hi,

I’m struggling with centered alignment on single product page with Add to cart and field on mobile display.

Here is what I have actually :
```
@media (max-width: 768px) {
    .woocommerce div.product .product_title,
    .price,
    .posted_in,
	.woocommerce div.product form.cart {
		text-align: center;
	}
}
```
but I can’t figure out how to align field & Add to cart button

Thanks your excellent support, as usual !!
February 17, 2019 at 8:47 am #812869
Tom
Lead Developer
Lead Developer
Hi there,

Try adding this CSS as well:
```
@media (max-width: 768px) {
    .woocommerce div.product form.cart div.quantity,
    .woocommerce div.product form.cart .button {
        float: none;
        display: inline-block;
    }

    .woocommerce div.product form.cart .button {
        margin-top: -4px;
    }
}
```
February 17, 2019 at 9:18 am #812902

Alexandre

Excellent,

Thanks a lot

February 17, 2019 at 5:17 pm #813125

Tom
Lead Developer
Lead Developer

You’re welcome 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.