move product title above image on MOBILE

Site URL: https://bsa-yde.com/

I've been having a had time trying to figure out how to reposition the product title above the product images on mobile (ive learned how to reposition but for some reason I cant figure out the title repositioning) . hoping someone can help me find the answer ! 

Hi. It looks like you messaged me & I sent code. If it works, you can share code for other members.

If it doesn't work, let me know, I will check it again

Hi there ! Can you give me the code ? Thanks ! 

On 11/27/2021 at 3:37 AM, Tungstene said:

Hi there ! Can you give me the code ? Thanks ! 

Can you share link to your site? We can take a look

thanks so much. https://www.signolesclement.com/shop

On 11/28/2021 at 5:56 PM, Tungstene said:

thanks so much. https://www.signolesclement.com/shop

Add this to last line in Code Injection > Footer > Then check again on real mobile

<script>
jQuery(document).ready(function($){
if (jQuery(window).width() < 767) {
$('h1.ProductItem-details-title').insertAfter('nav.ProductItem-nav');
}
});
</script>

@tuanphan 
I also struggle with the same issue. 
I tried your code but it did not do the trick.

Any other ideas?

Thank you in advance!

On 7/12/2023 at 7:00 PM, HydroPonic_se said:

@tuanphan 
I also struggle with the same issue. 
I tried your code but it did not do the trick.

Any other ideas?

Thank you in advance!

Above code missing jQuery library, but the site has already jquery installed, so no need that line. But if your site haven't installed jQuery, the code won't work. 

Can you share link to a product on your site? We can check easier