Return to previous page

"Added to Cart" message appears on wrong position (Elementor)

This topic has 4 replies, 2 voices, and was last updated 4 years, 1 months ago ago by Rose Tyler

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
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘"Added to Cart" message appears on wrong position (Elementor)’' has been successfully resolved, and the topic is now closed for further responses

"Added to Cart" message appears on wrong position (Elementor)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection