Responsive issue in order thank you page (phone/tablet)

[contemascetti]

Hi there,

I spotted a small responsive issue in the order thank you page: while on desktop everything is fine, on tablet/phone view the customer details field labels for “Email:” and “Telephone:” get cut off (only the actual data is shwown).

Can you reproduce this issue?

Please see attached screenshot.

thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you send us the link the page url that is generated when the order is complete?
This way we can inspect the code.

Thanks
-Rui

[contemascetti]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.customer_details th {
    display: block!important;
}

-Rui

[contemascetti]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

The : comes from the text so we can’t delete it with css.

Can you point in a screenshot what is still wrong so I can try to adjust it?

-Rui

[contemascetti]

ok no problem,

the double “:” is the only thing a bit weird, but it’s no big deal if it can’t be deleted or hidden.

Maybe the developer team can think of a better layout for that particular section in a future update.

thanks for the fix.

[Rui Guerreiro – SUPPORT]

no problem. The : comes from the Woocommerce plugin, definitely is not the best solution to all the languages.

-Rui

[contemascetti]

oh I see, thanks for the tip.
I’ll edit the woocommerce japanese translation file for that “:”.

regards

[Rui Guerreiro – SUPPORT]

Great.
-Rui