Woocommerce cart positioning
Hi,
I’m using the Krystal Pro theme in combination with Woocommerce and I’m experiencing problems with the positioning of the cart row.
Please see this screen recording for reference: https://watch.screencastify.com/v/OiFSfHq0994VOtL4YaDK
It comes underneath the navigation menu and not possible to see it of click it.
How can I fix this?
Replies (7)
-
October 24, 2023 at 7:08 pm
Hi,
I’m using the Krystal Pro theme in combination with Woocommerce and I’m experiencing problems with the positioning of the cart row.
Please see this screen recording for reference: https://watch.screencastify.com/v/OiFSfHq0994VOtL4YaDK
It comes underneath the navigation menu and not possible to see it of click it.
How can I fix this?
-
October 24, 2023 at 7:08 pmThis reply has been marked as private.
-
October 26, 2023 at 3:09 am
Hi Emmeke
Try the following CSS
.woocommerce-notices-wrapper { position: relative; z-index: 99; }
Copy & Paste it into Appearance -> Customize -> Additional CSS
Best Regards
-
November 13, 2023 at 7:26 pm
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?
-
November 14, 2023 at 1:05 pm
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
-
November 14, 2023 at 5:25 pm
Thanks, now it’s good!
Yes will contact woocommerce about this then!
-
November 22, 2023 at 2:42 pm
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?
-
November 22, 2023 at 2:56 pm
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 SectionBest Regards