Additional info accordian to show on mobile

Site URL: http://ralop-srabwot.squarespace.com

Hi, I'm using code injection to move an accordian (in additional info) up to the buy button, the problem is it only shows on desktop not on mobile preview. Any ideas?

Code (sitewide code injection):

<!-- Move accordian up on product pages -->
<script>
(function(){
  var accordion = document.querySelector('.ProductItem-additional');
  var cartButton = document.querySelector('.sqs-add-to-cart-button-wrapper');                    
  
  if(accordion && cartButton) {
    // Remove accordion from current position.
    accordion.parentNode.removeChild(accordion);
    
    // Add accordion before the cart button.
    cartButton.before(accordion);
  }
})()
</script>

Muchas gracias 🙂

Your site is private. Can you setup an access password & share link to a product where you use accordion? We can check easier

https://ralop-srabwot.squarespace.com/shop/p/thule-wing-bar-edge-black

pwrd: pencil

(on the right below product description, fine on desktop but goes awol on mobile)

Thank you! :)

Sorry for delay. Just had a long trip.

I see mobile has a different structure. Can you remove above code? We will give a new code

Quote

Yes, I can change it - can you provide a better one? 🙂

19 hours ago, Toerag said:

 

Hi,

Sorry. Forgot your question

Which position you want accordion appears on desktop - mobile?

Quote

Yes, I can change it - can you provide a better one? 🙂

The problem is it disappears on mobile view, the position is fine on desktop, similar position on mobile would be good.

Also, is it correct you can't have a page as the top level of a category/folder? (Only a category slug that redirects to a page?)

If you see my main navigation, the first link is to a folder (https://ralop-srabwot.squarespace.com/towbars-folder/) but I want it to be a page (https://ralop-srabwot.squarespace.com/towbars). But I can't see if this is possible.

Thanks again.