Woocommerce cart positioning

This topic is empty.

Viewing 7 reply threads
  • Author
    Posts
    • #3161


      Emmeke
      Guest

      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?

    • #3162


      Emmeke
      Guest
      This reply has been marked as private.
    • #3163


      Spiracle Themes
      Guest

      Hi Emmeke

      Try the following CSS

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

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

      Best Regards

    • #3164


      Emmeke
      Guest

      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?

    • #3166


      Spiracle Themes
      Guest

      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

    • #3167


      Emmeke
      Guest

      Thanks, now it’s good!

      Yes will contact woocommerce about this then!

    • #3169


      Emmeke
      Guest

      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

    • #3177


      Spiracle Themes
      Guest

      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

Viewing 7 reply threads

Reply To: Woocommerce cart positioning

Your information: