Home › Forums › Free Themes › University Hub › WooCommerce shopping cart issue on mobile
- This topic has 11 replies, 2 voices, and was last updated 7 years, 11 months ago by wensolutions.
-
AuthorPosts
-
January 11, 2017 at 6:20 am #28186rainbow_tj007Participant
Please see the image below:
It is not showing the full grid of the shopping card properly.
I am using University Hub Pro.Regards,
Rainbow_tj007January 11, 2017 at 6:21 am #28187rainbow_tj007ParticipantI tested with some basic free themes. They are all working with no issues.
January 11, 2017 at 6:51 am #28200rainbow_tj007ParticipantShopping Page on mobile looks breaking as well.
Regards,
Rainbow_tj007January 11, 2017 at 7:34 am #28205wensolutionsKeymasterHello @rainbow_tj007,
Please try adding the Custom CSS below in your Admin Dashboard > Appearance > Customize > Additional CSS to resolve the issues regarding the shop page product listing layout :
@media only screen and (max-width: 767px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } }
Hope this Helps,
Best Regards !!
January 11, 2017 at 5:36 pm #28289rainbow_tj007ParticipantHi Wensolutions,
The additional css has fixed the shopping page. However, the basket page still remains the same. If you look at the first image I have uploaded, it is not showing the first couple of rows. Can you please have a look as well?
Many thanks.
Regards,
Rainbow_tj007January 12, 2017 at 1:13 am #28323wensolutionsKeymasterHello @rainbow_tj007,
Please try adding the following custom CSS for the issue regarding the cut-off of the basket :
@media (max-width: 768px){ .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before { content: none; } .woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail,{ display: block; text-align: center !important; } }
If this does not resolve your issues please let us know so that we could help you with this further.
Hope this helps,
Best Regards !!
January 12, 2017 at 3:02 am #28330rainbow_tj007ParticipantHi Wensolutions,
This additional css did not fix the cut-off issue.
Regards,
Rainbow_tj007January 12, 2017 at 3:21 am #28331wensolutionsKeymasterHello,
Please replace the CSS provided in the previous thread with the new one below :
@media (max-width: 768px){ .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before{ content: none; } .woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{ display: block!important; text-align: center !important; } .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px solid rgba(0,0,0,.1)!important; } }
This should help display the missing table cell for the basket page.
Hope this Helps,
Best Regards !!
January 12, 2017 at 4:28 am #28342rainbow_tj007ParticipantThis works now.
The image of the product in mobile view of the basket is too small. Not high priority but it will be great if it can be improved.
Regards,
Rainbow_tj007January 12, 2017 at 6:26 am #28351wensolutionsKeymasterHello @rainbow_tj007,
while we have inspected the website, it seems like you have not used the CSS code in the site currently.
Please check and verify the code has been properly implemented and working so that we could inspect further to the site and help you with the image size request.
Best Regards !!
January 12, 2017 at 5:26 pm #28402rainbow_tj007ParticipantHi Wensolutions,
It is totally fine. The website I linked is only for showing the error images not the site itself. The css you provided is all working well on my other websites.
Thanks for the help.
Regards,
Rainbow_tj007January 12, 2017 at 10:29 pm #28409wensolutionsKeymasterHello @rainbow_tj007,
Glad to know the issue has been resolved for your sites.
Feel free to post your queries if you have any further issues in the future.
Have a great weekend ahead !!
-
AuthorPosts
- You must be logged in to reply to this topic.