varient price won't work in mobile view

Hi,

I can see that the view files are heavily customized. And a major change is that you have the price area twice, once for the desktop and one for the mobile.
And it's not only for the price but also for the add to cart button.
I'm afraid you might have the same issue with the add to cart button: On mobile, once you change the selected variant and click on the add to cart button, you might get the default product added to the cart.

Instead of having twice the HTML of these areas on the page, I would recommend to have it only once, and change the display with CSS to make the price / add to cart area fixed at the bottom.

However, seeing all the work already made to customize the display, an easier solution might be to edit the javascript of the show_block_characteristic view file in order to update the HTML of the main areas not based on the ID (as you can only have one element with one ID on a page with HTML, which is what is causing your problem), but based on the class, with a loop as to update all the main areas, both the one for mobile and the one for desktop.
You'll want to adapt the code in the javascript function hikashopUpdateVariantData