Mobile quantity position problem

[bubura]

Dear Support,

I tried to add the quantity on the mobile device with the following code:

@media only screen and (max-width: 767px) {
.woocommerce table.shop_table .product-quantity {
display: block!important;
}
.woocommerce .quantity .minus, .woocommerce .quantity .plus {
display: none!important;
}
.woocommerce .quantity input.qty {
border: 0;
}
}

According to http://www.swiftideas.com/forums/topic/mobile-device-shopping-cart-is-missing-headers/

Unfortunately, the quantity box is in the wrong place. I would like to put this box next to quantity text and dicetrly above the total price. You can see the mobile screenshot.

Thank you for your help.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

@media only screen and (max-width: 767px){
.woocommerce table.shop_table tr td.product-quantity .quantity {
    margin-left: 50px!important;
    margin-top: -20px!important;
}
}

-Rui

[bubura]

Thank you!

[Rui Guerreiro – SUPPORT]

No problem. Glad I could help.
-Rui