Woocommerce cart positioning

Emmeke 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?

Replies (7)

  1. Emmeke 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?

  2. Emmeke October 24, 2023 at 7:08 pm
    This reply has been marked as private.
  3. Spiracle Themes 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

  4. Emmeke 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?

  5. Spiracle Themes 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

  6. Emmeke November 14, 2023 at 5:25 pm

    Thanks, now it’s good!

    Yes will contact woocommerce about this then!

  7. Emmeke 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?

    Cart

    Checkout

  8. Spiracle Themes 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 Section

    Best Regards

Post a Reply

Reply To: Woocommerce cart positioning
Your information: