I did some more searching and found a solution. Note that I decided to go with 1 column display on mobile instead of 2 while keeping the desktop version at 4 columns. Here’s the code:
@media (max-width: 767px) {
.woocommerce ul.products li.product {
width: 100% !important;
}
}