change the size of the notification & Text?

Hi,

Please add the below Custom CSS in the Design tab > Custom CSS:

@media screen and (max-width: 767px){
#message-purchased p {
    font-size: 14px;
}

#message-purchased img {
    max-width: 80px;
}
#message-purchased p.wn-notification-message-container{line-height:1.4;}
}

Best regards.

I appreciate your prompt response. With the code you shared above we are able to change the font & height of the notification. however, we need help with changing the horizontal lenght of the notification on phone as its covering too much space. please help us with that. Thank you

Hi,

Please use the below Custom CSS for your renew request.

@media screen and (max-width: 767px){#message-purchased.wn-product-with-image{max-width: 275px;}}

Best regards.

Thank you so much for your attention. The last code solved our issue of the notification length. However, We Need it to appear at the BOTTOM LEFT of the phone but when we set it there it automatically shows the large size notification. when we Re-change its position back to the RIGHT BOTTOM again it appears small like the way we want it. We don’t want it At the right bottom of our website coz we have the chat window there which gets covered with the notification. I hope I am able to convey it properly. I have full intention of going for the pro version but these small bugs are really annoying.

Thank you

Hi,

We are sorry for delaying our response.

Currently, the plugin is not being activated on your site, so we can not observe the problem and give advice. Please enable the plugin, we will keep checking.

Best regards.