Buttons looks very different in different screensizes

[brebber]

Hi,

I have a problem with the button “Warenkorb aktualisieren”.
It looks very differnet in different screen sizes.
But it should be looking always equal in differnt sizes.

In pic one you see it in the full size (1920 x 1080) of my firefox browser.
In pic two it is reduzed to the half size.
In pic theree you see the mobil size.

By the way: The buttons “Warenkorb aktualisieren” and “Weiter zur Kasse” should be always have the same size (and color).

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us the url to your site?
Thanks

-Rui

[brebber]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

It seems that you have some custom code. The button on the bottom is inside the Cart Totals container.

The bottom above should be inside the same div so they can be with the same width(the width is restrict to the Cart Totals Column width).

-Rui

[brebber]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css

.woocommerce .coupon {
width: 60%!important;
}

.second-checkout-button-container {
width: 100%!important;
}

Check this images are missing in the child theme files
https://www.dropbox.com/s/wxrvoesxwr52ywg/console_missing_files.png?dl=0

Regarding the double payment, did you edit any theme file? Can you try to disable all plugins except Woocommerce.

-Rui

[brebber]

Hi Rui,

i put in the custom css. It works, but it looks not so good if you reduce the screen size. You can try yourself. (Or see the attached pics.)

And I put in the pics folder in the dante-child folder, but nothing happend.

Attachments:

You must be logged in to view attached files.

[brebber]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

@media only screen and (max-width: 768px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%!important;
margin-bottom: 15px!important;
}
.coupon, input.button {
width: 100%!important;
}
}

You should also update to the latest version.
What resolution you are using in the screensize1.jpg ?

-Rui

[brebber]

Hi Rui,

thanks. I updated to the latest version now. It looks better now.
But there are still few little problems

Problem 1:
You can see the bug from “screensize1.jpg” at 768x(1024)px for example.

Problem 2:
There are no counter-arrows to change the quantity of product (in the shopping card and at the single product side) (see pic: noCounter.jpg)

Problem 3:
There is no space (margin) at the right side of the coupon-field.

Thanks
– Sascha

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

1) Add this code

@media only screen and (min-width: 768px) {
.checkout-button{
width:200px!important;
}
}

2) That was Woocommerce decision to remove it, we can’t control that.

3)
Add this code

input#coupon_code {
margin-left: 20px;
}

-Rui

[brebber]

Hi Rui,

thanks.

1) I added the code but the result is only good for one button.
Result:
– The Button “Weiter zur Kasse” changes also. It went smaller but higher (Not so nice)
– The button “Gutschein anwenden” staying at the same size as before.

2) But this looks really awfull and it makes the shop unusable. There have to be a solution or not?

3) Works fine! Thanks.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Already corrected the size of the Checkout button inside the header cart.

2) We are working in our own solution to add the +/- buttons.

Don’t understand exactly what do you want to do with the button “Gutschein anwenden” Can you provide a mockup image of the desired size, by manipulating a screenshot.

-Rui

[brebber]

Hi Rui,

1) thanks for helping me at point 1.
(What did you do?)

2) Can you tell me when I can maybe get a solution of that, because I like to go online with my webshop in the next week.

3) I produced a little video of that bug. You can see it here:
http://youtu.be/NzGNP8COH8g

Thanks
brebber

[Rui Guerreiro – SUPPORT]

thanks for the video. Will work in a solution for that issue.
-Rui