ADD TO CART BUTTON

I have the add to cart button strechted on PC and one phone it isn’t.

Desktop photo as attachemnt
Phone video url.
https://fiverr-res.cloudinary.com/video/upload/t_fiverr_hd/hqhqsiowcsvnylg9ctyw?__cld_token__=exp=1547216720~hmac=7492109d030835d0df46f2e4254b542475e209b2640c34f34bfe854706e5f1ed

Attachments:

You must be logged in to view attached files.

Hello,

Earlier we provided the code:

.single-product-page .single_add_to_cart_button {
	width:100%;
}

body .variations_form .variations .value select {
	max-width: 100%;
}

We do not see it now in your custom CSS. Add the code to the Theme Settings > Custom CSS

Best Regards

Does not really work, should I add the !important tag after it ?

Hello,

Add the code to the Theme Settings > Custom CSS > Global and we shall investigate the reason it does not work.

Best Regards

pasted it into global, and the button seems not to be stretched on mobile.

Hello,

Insert the code to the Theme Settings > Custom CSS > Mobile

.single-product-page .single_add_to_cart_button {
	width:100%;
}

body .variations_form .variations .value select {
	max-width: 100%;
}

Change 100% for any other value, for example, 50%

Best Regards

No, still not stretched on mobile phone

Hello,

Sorry, my mistake.

Add this to the Theme Settings > Custom CSS > Mobile:

.single-product-page .single_add_to_cart_button {
	width:100%;
}

body .variations_form .variations .value select {
	max-width: 100%;
}

Best Regards

This is the same as before. I will just use the !important tag, this seems to fix the issue. I hope it is okey

[Author]

Posts