Size Add to Cart Button on Mobile

[seventalents]

On mobile italian version the size of Add to Cart Button is too short for text “Aggiungi al Carrello” (see attached screenshot).

How can I edit the size?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please change code to

@media only screen and (max-width: 736px) {
form.cart .single_add_to_cart_button {
	padding: 0 35px;
	white-space: nowrap;
}}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[seventalents]

In some product page is ok, in other it’s not ok.

For example, here, on mobile it’s not ok:

Pochette a fantasia

Cappello di Paglia Donna con nastro a fantasia

Cappello Paglia Donna con Nastro Blu

…

[Harry]

Hi,

Please change code to.

@media only screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 800px)  {
	.product .stripe-enabled form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		width: calc(100% - 50px);
	}
}

Kind regards

• This reply was modified 3 years, 5 months ago by Harry.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts