• 

  Manu G

  Participant

  January 11, 2021 at 21:54

  We created a Single Page using Elementor, in order to display a category of products a certain way we envisioned.

  However, the “added to cart” message appears on the top of the page, overlapping with the header.

  Instead, we would want it to behave as it does in the rest of the categories and appear in the bottom of the single page, right before the footer.

  Please, contact administrator
  for this information.

  #267899 Copied Theme version: 3.2.1 WooCommerce version: 4.8.0

  3 Answers

  

  Rose Tyler

  Support staff

  January 12, 2021 at 13:28

  Hello,

  Try to add the next code in Theme Options > Theme custom CSS:

  .single-product .woocommerce-notices-wrapper {
      position: fixed;
      bottom: 0;
      z-index: 3;
      margin-bottom: -2px;
      left: 0;
      right: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease-in-out, visibility 3s ease-in-out;
      animation: et-woo-fadeIn 7s ease-in-out, et-toTop 1s ease-in-out;
  }

  Regards

  #267975 Copied
  

  Manu G

  Participant

  January 12, 2021 at 15:57

  Thank you for that snippet. It worked, I just had to add it in Theme Options > Theme custom CSS > Global CSS.

  However, the green box that contains the message does not stretch out full-screen. Is there a fix for that?

  #268008 Copied
  

  Rose Tyler

  Support staff

  January 12, 2021 at 16:39

  Add this code also:

  .single-product .woocommerce-notices-wrapper ul {
      width: 100% !important;
      margin-bottom: 0px !important;
      padding: 1.12em 1.2em !important;
  }

  Regards

  #268012 Copied