abisquarespace

how can I make this code...: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> section.ProductItem-summary { align-items: flex-start !important; } section.ProductItem-additional { margin-top: 20px !important; margin-bottom: 20px !important; } </style> ...work on desktop only

to anyone that can help, how can I make this code work on desktop only thanks in advance!

essentially how can I make this code...: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('section.ProductItem-additional').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> section.ProductItem-summary { align-items: flex-start !important; } section.ProductItem-additional { margin-top: 20px !important; margin-bottom: 20px !important; } </style> ...work on desktop only

I was able to move the accordion below the description, thank you! However it's now at the top --above the price, quantity, and add to cart button--on mobile. Any code to keep the same desktop arrangement for mobile? aka move the accordion to the bottom for mobile.

is this possible without a business or premium account?

any answers to this question? id like to change the text color on a slideshow