将产品标题移动到单个产品页面上方，仅移动设备上的图像（woocommerce）

Question

我正在使用Woocommerce，我只想知道如何将产品标题移动到仅用于移动设备的图像上方？

https://codesandbox.io/s/cool-torvalds-lhe9d

我尝试了以下代码，但不起作用。

jQuery( function($) {

  mobile = $(window).width();
  if ( mobile <= 480 ){
    jQuery( ".product_title.entry-title" ).insertBefore( ".woocommerce-product-gallery" );
  }

} );