Fields in the form edit address

webzan · May 2016

Hello,

I am using Woocommerce in a WP site with the theme BeTheme. When trying to edit the address on the mobile version customers see the form with out of alignment fields.

Can you help me?

See the print:

Albert · May 2016

Hi,

please send us link to page where form is unaligned.

webzan · June 2016

Hi,

The link is: https://www.gostocapixaba.com.br/minha-conta/meus-enderecos/billing/

But you must have a register on the site. You can register, OK?

Albert · June 2016

Sorry but the form is fine on this page what you can see on http://pasteboard.co/1nGPqD7v.png

webzan · June 2016

No, in the mobile version.

https://www.gostocapixaba.com.br/minha-conta/meus-enderecos/billing/

You can see the error whem edit your address in mobile version.

Albert · June 2016

Maybe you can tell us what is the proper way to edit those fields? Because we tried this as well with same good result.

webzan · June 2016

Hello,

For you see the problem you should be accessing the mobile version, with a very small screen.

You must make the register on the site and navigate to the address registration page. Could you do this?

webzan · June 2016

Hello,

I checked the registration of users on the site and there is no registration for you. As I said earlier, you need to complete the registration and edit your address to view the problem.

Can you do it?

I appreciate the help.

Albert · June 2016

Yes, we can but you need to change language to English because maybe we do something wrong as we do not understand current language.

webzan · June 2016

Ok.. I will explain better today, but not now.

webzan · June 2016

Hello,

The following step-by-step simulation of the problem that is happening in the mobile version:

1 - Please visit URL: http://www.gostocapixaba.com.br/loja/?add-to-cart=3156

2 - Click in "Finalizar compra". The same as Checkout in English.

3 - Page appears "Finalizar compra". On this page are the address fields to finalize the purchase of the user. It is on this page the problem, the fields are misaligned as image sent earlier.

Remember, only the mobile version that the problem happens.

Albert · June 2016

Ok, thanks. So to sort this form on mobile, please use the following css:

@media only screen and (max-width: 420px) {
 .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
     width: 97%;
 }
}

webzan · June 2016

Ok.. I will test this. Thanks!

Albert · June 2016

You're welcome!

webzan · June 2016

Hello,

The proposed solution to the item worked, thank you!

However, my customer quoted another point of the site that has problems.

http://www.gostocapixaba.com.br/carrinho/

See the image: https://qsnapnet.com/snaps/tfu595wr8lbrcnm

Can you help me please.

Albert · June 2016

This is table and because tables are not responsive themselves, there is nothing what you can do in this case. Please also notice that because it's WooCommerce plugin, it has nothing to theme.

webzan · June 2016

Ok, thanks!

Fields in the form edit address

Comments