Display mini cart sub-menu problem

Seems like the Checkout Button and when you click on the cart icon they both redirect you to the homepage too. Weird, not sure where this is originating from.

EDIT: I totally didn't have the Cart or Checkout pages even made WHOOPS (I re-installed WooCommerce and assumed they were still pages)

Let's fix the no cart/check out page issue first.

This is how you add missing woocommerce page back:
https://docs.woocommerce.com/document/woocommerce-pages/

Thank you Ying,

Just took care of this!

Seems like it's working now may have been my caching plugin which I just disabled. The "x" still seems off but maybe just a little CSS to fix that?

You have this css which set the line height to a very high value:
https://www.screencast.com/t/2xEO2Oxh

Lower the value to less than 18px should fix the problem.

But I would recommend to use em instead of px for line height :)

Funny I just removed that before I came to see your response. Now it still seems off. Are the cart items supposed to be Block or Inline? Looks weird still:

https://snipboard.io/PxnbYe.jpg

Thanky you!!!!

Found this pesky code laying around:

.inside-header ul {
display: flex;
align-items: center;
flex-direction: row;
}

Thank you!

You have this CSS which messes the layout of mini cart:
https://www.screencast.com/t/gKabxFa3

I don't think it's needed based the current layout of your site header.

Or you could use this CSS instead:

.inside-header ul:not(.woocommerce-mini-cart) {
    display: flex;
    align-items: center;
    flex-direction: row;
}

Let me know :)

No problem :)

Glad it works!