Return to previous page

Checkout Radio buttons misaligned - by Jimbo

This topic has 14 replies, 3 voices, and was last updated 7 years, 1 months ago ago by Olga Barlow

Jimbo

Participant

February 16, 2017 at 15:10

Hi,

I have noticed that the radio buttons on the cart on checkout page are misaligned.

This is on the iPhone in PORTRAIT view, see screen shots below.

From the cart page:

From the checkout page:

Website in private

Please, contact administrator
for this information.

#154982 Copied

13 Answers

Jimbo

Participant

February 16, 2017 at 15:14

For some reason images not showing up?

Cart page:

Checkout page:

#154983 Copied

Eva Kemp

Support staff

February 16, 2017 at 16:28

Hello,

What iPhone version are you checking in?
I can’t replicate the issues you showed.

Regards,
Eva Kemp.

#154990 Copied

Jimbo

Participant

February 16, 2017 at 16:35

I’m using iPhone 6 in portrait view Eva

#154994 Copied

Jimbo

Participant

February 16, 2017 at 16:40

If you minimise your window on your browser until it goes to a similar size for mobile you will see.

#154996 Copied

Jimbo

Participant

February 17, 2017 at 12:09

Hello, Eva ? I’m still looking to resolve this issue.

#155052 Copied

Eva Kemp

Support staff

February 17, 2017 at 16:03

Hello,

I minimized my browser to mobile view but couldn’t see the same issue.
If you allow, I’ll share screenshots with you.

Regards,
Eva Kemp.

#155095 Copied

Jimbo

Participant

February 17, 2017 at 16:15

Eva,

The issue is there, I’ve tested on several devices including browsers and the radio buttons misalign on mobile in PORTRAIT mode.

NO to post pictures

#155101 Copied

Jimbo

Participant

February 17, 2017 at 16:34

Eva, did you want to pass this on to another colleague to deal with.

I wouldn’t be contacting you if there was not an issue.

#155108 Copied

Jimbo

Participant

February 20, 2017 at 19:22

HELEN WHO DEALS WITH COMMENTS ON THEMEFOREST (Envato) HAS ADVISED OLGA WILL BE RESOLVING THIS ISSUE.

I AWAIT OLGA’S REPLY….

#155303 Copied
Olga Barlow

Support staff

February 21, 2017 at 16:35
Hello,

Add the following code in custom CSS
```
.woocommerce-checkout-review-order #shipping_method input {
    margin-right: 5px;
}
@media only screen and (max-width: 320px){
.cart_totals #shipping_method li:last-child label, #order_review #shipping_method li:last-child label {
display: inline-block !important;
}
.cart_totals #shipping_method li:last-child input, #order_review #shipping_method li:last-child input {
    display: inline-block !important;
    position: relative;
    right: auto !important;
    float: none !important;
}
}
```
Regards
#155398 Copied
Jimbo

Participant

February 21, 2017 at 18:20

I will add the code and get back to you Olga

Thank you

#155418 Copied

Jimbo

Participant

February 21, 2017 at 18:31

Olga,

I can always rely on you to fix it, works now and is perfectly spaced!

Please mark as resolved.

Thank you so much 🙂

#155422 Copied

Olga Barlow

Support staff

February 23, 2017 at 10:27

You are welcome!

Regards

#155566 Copied
Viewing 14 results - 1 through 14 (of 14 total)