This topic has 15 replies, 4 voices, and was last updated 8 years ago ago by Jack Richardson
Good evening, I have a problem with ecommerce viewing on smartphones. several things appear off-axis and Case Study even more serious is not working the check-out page. not be possible to go fill in the various fields to purchase. I await response. regards
place link to the site in question
abitidalavoro-roma.it
I forgot! I do not see orders in the admin panel, marks the notification but nothing appears.
I deleted the shop section to restrict access to third parties
to access the page
abitidalavoro-roma.it/shop
Hello,
Please add this code in Custom CSS for mobile:
.woocommerce .col-lg-5.col-md-5 {
display: inline-block;
}
The issues with orders persists with default Woocommerce theme Storefront too. You can check it yourself. We recommend you to contact Woocommerce support regarding this problem.
Best regards,
Jack Richardson.
now the text fields work. (Except the slide button on some mobile devices) I must be able to put the shipping address section (ship to different address) as in your example. the woocommerce customer service has been contacted and says the problem is your given that a package has been purchased. theoretically installing the package everything should work without major hitches, I think you have to help me in some way. in more I can not do the plugins updates contained in the package for lack of purchase code. Thank you for understanding
Hello,
Please update all required plugins. You can download them here https://www.8theme.com/download-plugins/ and update the plugins via FTP.
Best regards,
Jack Richardson.
Hello, I am also having problems with the check-out page on tablets and smartphones, the fields to fill with information don’t work and the view is quite distorted. What is the solution for this? Should I just upgrade the plugins?
Regards,
Paul.
Hello @paulitov5,
Add this code in Theme Options > Styling > Custom CSS > Custom CSS for mobile, Custom CSS for tablet sections:
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
width: 100%;
}
.checkout .col-lg-5.col-md-5 {
display: inline-block;
}
Regards,
Eva Kemp.
Hello Eva,
I added those lines into the Custom CSS in the theme options but the problem remains. Any other option? Thanks for the fast response.
Regards,
Paul.
Hello @paulitov5,
Try to replace the code with this one:
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
width: 100% !important;
}
.checkout .col-lg-5.col-md-5 {
display: inline-block !important;
}
Regards,
Eva Kemp.
Hallo Eva,
Still is not working with the new code. It simply does not allow to fill in the fields plus it looks like the interface is not “designed” for mobiles. Any suggestion?
Regards,
Paul.
Hello @paulitov5,
Please provide WP Dashboard credentials in Private Content.
Best regards,
Jack Richardson.
Hello Jack,
The WP credentials are added in private content. Thanks in advance.
Regards,
Paul
Hello @paulitov5,
You forgot to add }
in Global Custom CSS section for the last code and other code added for other sections didn’t work. I’ve corrected it. Please check the page now.
Best regards,
Jack Richardson.
Hello Jack,
Thank you so much I love you man!. It works now, sorry for not noticing it before. Great Support.
Best Regards,
Paul.
Hello @paulitov5,
You’re welcome.
Best regards,
Jack Richardson.
Tagged: problems, responsive, template, woocommerce, wordpress
The issue related to '‘problems with the responsive version of template’' has been successfully resolved, and the topic is now closed for further responses