Custom code not working on mobile.

Hi, 

I've added some Code Injection to the Footer so that an accordion appears under my product description. It works perfectly on my live website but disappears on mobile - any idea why please? 

Code used:
 
<script>
(function(){
  var accordion = document.querySelector('.ProductItem-additional .accordion-block');
  var quantitylabel = document.querySelector('.quantity-label');                    
  
  if(accordion && quantitylabel) {
    // Remove accordion from current position.
    accordion.parentNode.removeChild(accordion);
    
    // Add accordion before the quantity label.
    quantitylabel.before(accordion);
  }
})()
</script>

URL:https://www.potsandpaperbysteph.com/shop/p/o3rmu4pac0fwpetkskvge721p57asg
Password: HELP

Thanks in advance! 🙂 

 

Hi,

It looks fine to me.