Minicart submenu

Hi there.

would you be able to share a link with the 'problem' item in the Cart ? Or provide me a link where i can add one

Sure. Put this to the cart with few other items.

Try this CSS:

#wc-mini-cart ul.woocommerce-mini-cart dl.variation {
    display: none;
}

Oh, thank you. It is better. :)

And – sorry for this – do you know how to have a smaller product names and how to align the Checkout ("Pokladna") button?

Screenshot: https://renenekuda.d.pr/dWudHN

Try this for the font size:

#wc-mini-cart ul li a {
    font-size: 14px;
}

And this to keep the buttons aligned:

.widget_shopping_cart .woocommerce-mini-cart__buttons {
    justify-content: space-between;
}
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a {
    padding: 8px;
}

Amazing – thank you very much! :)

Glad to be of help

I'm having a similar issue with the font size of the mini cart being too big. I tried adding this to my child theme css:

#wc-mini-cart ul li a {
font-size: 14px;
}

But it didn't make any difference. Any ideas? Here's my shop page, if you add an item to the cart then hover over the cart icon, you'll see the issue.

https://www.crazyfamilyadventure.com/shop/

That CSS should work.

Did you make sure to clear the caching plugin after adding it?
https://www.screencast.com/t/KP7fst0gC8z

Yes, I did clear cache, as a wise man once said ;)

Could it be overridden later by another css?

Hi there,

you have this code in your Child Theme style sheet:

add_action( 'admin_init', function() {
    add_filter( 'generate_google_fonts_array', '__return_empty_array' );
} );

Thats a PHP Snippet and needs to be remove from the CSS as it will break any code that comes after it.

To add that snippet see here:

https://docs.generatepress.com/article/adding-php/

Strange, not sure how that got there. I removed it from the css and cleared cache, but the font is still big in the mini cart.

Hi Craig,

I tested the CSS, once it's added in it works. The problem is it's not being added in yet. The only issue I can imagine is cache.

There're still lots of CSS are generated by caching plugin, could you disable the caching plugin clear cache and try again?

I've disabled my cache plugin (WP Rocket) and retested. Issue is still there.