Moving "Additional Information" Media Player

Site URL: https://burgundy-lime-jfgk.squarespace.com/store/p/edm-essentials-vol1

Website Password: producerhaven

I'm trying to move the audio player so it looks something like this. Maybe I'll place it under the product title even but if I know how to move it at all I'll be able to figure out how to place it in different places.

Right now it's at the bottom of the page.

Any help is appreciated!

1 hour ago, T-MO said:

Site URL: https://burgundy-lime-jfgk.squarespace.com/store/p/edm-essentials-vol1

Website Password: producerhaven

I'm trying to move the audio player so it looks something like this. Maybe I'll place it under the product title even but if I know how to move it at all I'll be able to figure out how to place it in different places.

 

Right now it's at the bottom of the page.

 

Any help is appreciated!

You may need a little help from custom code.

<style>
  .products .sqs-block-audio {
    padding-bottom: 40px;
    padding-top: 0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
	$(document).ready(function() {
    	$( '.ProductItem-additional .sqs-block-audio:first' )    
        .insertBefore ( '.product-variants' );      
    });
</script>

21 minutes ago, bangank36 said:

You may need a little help from custom code.

<style>
  .products .sqs-block-audio {
    padding-bottom: 40px;
    padding-top: 0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
	$(document).ready(function() {
    	$( '.ProductItem-additional .sqs-block-audio:first' )    
        .insertBefore ( '.product-variants' );      
    });
</script>

Thanks, worked like a charm 🙂

@T-MO your site has some small problems. Just reply here if you want to fix these.

Site URL – https://burgundy-lime-jfgk.squarespace.com/

1. (Mobile-Footer) Want to align left logo?

2. (Mobile-Homepage) Want to align left newsletter?

3. (Overlay) Want to align nav items – social – header title?

4. (Tablet-Cart page) Want to align header logo – page content?