Hi, how can I fix the checkout page on mobile?
Thanks.
Hey DROR,
Thank you for using Enfold.
This css code should help you with that.
@media only screen and (max-width: 767px) {
.responsive #top .col2-set .col-1, .responsive #top .col2-set .col-2, .responsive .cart-collaterals .shipping_calculator {
width: 100%;
float: none;
margin-bottom: 20px;
}
}
Best regards,
Ismael
Hi Isamel, what about the borders that are missing – https://www.screencast.com/t/ZmLdNhlYw3?
How can I get them back?
Also, the “SHIPPING” label is not being translated to Hebrew as the rest of the site. How can I fix that?
Hi,
Thanks for the update. Please use this to add a border around the checkout review table.
@media only screen and (max-width: 479px) {
.responsive table.shop_table {
display: block;
border: 1px solid #e1e1e1;
}
}
You may need to install the “Loco Translate” plugin in order to translate the “Shipping” text or string manually.
Best regards,
Ismael
Thanks. I have that plugin installed but I still can’t translate the “shipping”… Very strange.
Hi,
Odd. Please try this plugin instead.
// https://wordpress.org/plugins/say-what/
Best regards,
Ismael