Hi,
We already have a system in place to automatically scroll to error messages on the checkout so that mobile users can see them if the message is displayed on the page above the current position.
However, that message is not an error so we don't do it for it.
It is done with the code:
Code:
checkScroll: function () {
var els = document.getElementsByClassName("hikashop_error");
for (var i = 0; i < els.length; i++) {
var bounding = els[i].getBoundingClientRect();
if(bounding.top < 0)
els[i].scrollIntoView('{block: "start"}');
}
}
in the file media/com_hikashop/js/checkout.js
As you can see there, it does it for the "hikashop_error" class, but that message has the class "hikashop_success".
What you could do is replace that hikashop_error there by hikashop_messages which is a class that is added to all types of message.
Note that you'll have to clear your browser's cache after you do the change to get the modification.
