Responsive details adjustment

[beucherm]

Good morning,

When I go to the shop of my website, there is a responsive problem on my phone. Quantities of my products overlap their name (image below). How to make it responsive ?

Website : https://www.clicandprimeur.fr/

Best regards.

Attachments:

You must be logged in to view attached files.

Add New Note to this Reply

[dangdv]

Dear, Please add custom CSS code to fix your problem:

@media (max-width: 480px) {
	.single-product div.product .woocommerce-tabs #tab-noo_boxes_tab ul li .box-item span {
	    position: static;
	    transform: none;
	    margin-left: 90px;
	}
	.single-product div.product .woocommerce-tabs #tab-noo_boxes_tab ul li .box-item strong {
	    margin-left: 90px;
	    display: block;
	}
	.single-product div.product .woocommerce-tabs #tab-noo_boxes_tab ul li .box-item img {
	    float: left;
	}
	.single-product div.product .woocommerce-tabs .wc-tab{
		padding: 20px;
	}
}

Best regards.

Add New Note to this Reply

[Author]

Posts