WOO Commerce Shopping cart not showing

I would like the shopping cart to show no matter what. Ideally it should show with zero records and or update according whenever a user adds items to it but should show nonetheless so a user has quick access tot he checkout by clickin on the cart.

This thread has a suggested solution that I tried but does not fully work unless a user refreshes the page then they will see the cart.

.cart_dropdown.visible_cart {
right: 18px;
}

How can I make it so the cart always shows in the shop page even before adding items and also updates accordingly without manually refreshing