Woocommerce cart positioning

Hi Emmeke

Try the following CSS

.woocommerce-notices-wrapper {
	position: relative;
    z-index: 99;
}

Copy & Paste it into Appearance -> Customize -> Additional CSS

Best Regards

Hi,

Thanks that’s already better. Only when you get the ‘added the to cart’ notice now you get a white space underneath the navigation menu.

See here for reference: https://watch.screencastify.com/v/3BGixjgqmjcNQeNvgW8W

Also there is no way now to dismiss this notice? Any way how I can add this?

Hi Emmeke

Try the CSS below

.woocommerce-notices-wrapper {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
}

Copy & Paste it in Appearance -> Customize -> Additional CSS

The built-in Notice bar in WooCommerce doesn’t include a close button. So we cant do much in this.

Best Regards

Thanks, now it’s good!

Yes will contact woocommerce about this then!

Some more questions concerning the cart:

How do I add the cart to the main navigation, like in your demo: https://krystalwp.spiraclethemes.com/prodemo3/

And how do I remove the blue header that’s on the cart and check-out pages?

Cart

Checkout

Hi Emmeke

Navigate to Appearance -> Customize -> Shop Settings and there you’ll find an option to show Menu Cart.
To remove the Blue background, navigate to Appearance -> Customize -> Page Settings and enable the Hide Page Title Section

Best Regards