Trouble with woocommerce width

[brebber]

Hi there,

thanks for all the help in the past.
Now I have a new problem with the size of the shopping card.
If a customer buys articles over 80.- Euro he gets the option for free shipping (Kostenloser Versand). With this option the shopping card resize and it gets smaller than before. (like you see one pic two) That doesnt looks really good.

It should should have the same size, when a coustomer buys articles under 80.- Euro. (like you see one pic one)

In the past you sent me the following code changes for resizing the shopping card:

@media only screen and (min-width: 1200px) {
body.woocommerce .has-no-sidebar ul.products li.product {
width: 212px;
}
}
.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus {
width: 30px;
}
#shipping_method li label {
font-size: 11px;
}
body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-no-sidebar .upsells.products ul.products li.product, body.woocommerce .has-no-sidebar .related.products ul.products li.product, body.woocommerce .has-one-sidebar ul.products li.product {
	width: 212px
}
#shipping_method li label {
    padding-left: 25px;
}
.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus {
width: 23px;
}
.woocommerce .coupon input.input-text {
width: 48%;
}
.woocommerce #payment .terms label {
width: 80%;
}
.woocommerce-checkout table.totals_table {
width: 60%!important;
}
.woocommerce .order_details li, .woocommerce-page .order_details li {
    border-right: 1px dashed #dfdbdf;
    float: left;
    font-size: 1em;
    line-height: 1em;
    margin-right: 2em;
    padding-right: 2em;
    text-transform: uppercase;
}

.woocommerce-checkout .my-account-right {
float: left!important;
width: 100%!important;
}

.woocommerce-checkout .my-account-left, .woocommerce-checkout .woocommerce .continue-shopping{
display:none!important;
}

.woocommerce-checkout .my-account-right {
float: left!important;
width: 100%!important;
}

.woocommerce-checkout .my-account-left, .woocommerce-checkout .woocommerce .continue-shopping{
display:none!important;
}

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can’t replicate that situation. Any specific browser or resolution?

This is what I’m seeing
https://www.dropbox.com/s/q6gl23te916rez9/cart_width.png?dl=0

-Rui

[brebber]

Hi Rui,

I can always reproduce it.
I tested it in firefox 35
and in IE 11
(Monitor 1920x1080px)

What do you using for testing?

-brebber

Attachments:

You must be logged in to view attached files.

[brebber]

Hi Rui,

I tested it also on another PC with the same incorrect viewing.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

#shipping_method li label {
     width: 100px!important;
}

-Rui

[brebber]

Great!

Thanks!

[Mohammad – SUPPORT]

Thanks RUI. You most welcome.
Mohammad