Hi, newbie here. I’m having trouble with the woocommerce notifications on the product page. When I have a sticky menu the notifications (when products are added to cart for example) seems to appear at the top of the page which is behind my sticky header menu. If I make the header menu into a static one it appears below it - but with a white background behind the notice.
As I understand there is a Woocommerce shortcode [shop_messages] , but when I add that to the shortcode element in the Bricks Builder nothing gets displayed.
Hey Timmse, I figured it out. Not sure if this is the best way to do it but I found a setting for the site background in the page settings to remove the white bar behind the notification. It works as long as the header menu is fixed.
For changing position you might be able to use custom CSS. Not sure if this is best practice but I used this code to change the colors of the woonotices:
/message text and background color/
.woocommerce .woocommerce-message {
color: #313c3e !important;
background-color: #f2f2f2 !important;
}
I added position: absolute and z-index: 999 to the alert class. But this just send the message up to the top since it takes the main as reference which is the first relative object it has as parent.
Having the message alert appearing as the first element in the main is annoying.
Any idea how to set this message atleast below the sticky menu without needing to add margin top?
