- This topic has 9 replies, 2 voices, and was last updated 5 years, 2 months ago by
Ying.
-
AuthorPosts
-
March 24, 2021 at 9:50 am #1708361
Anthony
Having trouble with my mini-cart dropdown. The “X” to remove the product from the cart seems off (could me some of my rouge CSS I need to clean up)?
But, it also doesn’t drop-down when you hover over the cart icon unless you’re on a WooCommerce based page. Is that normal? See screenshots here:
https://snipboard.io/6gwXUx.jpg
https://snipboard.io/PZwFQ2Thanks in advance.
-Anthony
March 24, 2021 at 10:45 am #1708427Anthony
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)
March 24, 2021 at 11:07 am #1708455Ying
StaffCustomer SupportLet’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/March 24, 2021 at 11:18 am #1708464Anthony
Thank you Ying,
Just took care of this!
March 24, 2021 at 11:25 am #1708478Anthony
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?
March 24, 2021 at 11:31 am #1708494Ying
StaffCustomer SupportYou have this css which set the line height to a very high value:
https://www.screencast.com/t/2xEO2OxhLower the value to less than
18pxshould fix the problem.But I would recommend to use
eminstead ofpxfor line height 🙂March 24, 2021 at 11:39 am #1708500Anthony
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!!!!
March 24, 2021 at 11:50 am #1708516Anthony
Found this pesky code laying around:
.inside-header ul {
display: flex;
align-items: center;
flex-direction: row;
}Thank you!
March 24, 2021 at 11:55 am #1708522Ying
StaffCustomer SupportYou have this CSS which messes the layout of mini cart:
https://www.screencast.com/t/gKabxFa3I 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 🙂
March 24, 2021 at 11:55 am #1708523Ying
StaffCustomer SupportNo problem 🙂
Glad it works!
-
AuthorPosts
- You must be logged in to reply to this topic.