how do I move a banner on the Shopping Cart page?

[shelleyd]

The banner is currently displaying above the 'Your Cart' title, and I want it to sit beneath it. The code to customise the banner placement is:

<div class='buckscc-cart-banner'></div>

[Hamza_Hussain]

Can you share a preview Link?

[shelleyd]

Its live now, but Id like to move it.

Your Shopping Cart – Onyx and Elm

[Hamza_Hussain]

There are many ways to do it and most them require custom coding and editing theme files, I'll share a code that would do the job for you if you want do it your self. 

Goto Online Store -> edit code -> search cart.liquid file or main-cart.liquid -> then paste this code below and test it.

<script>
document.addEventListener('DOMContentLoaded', function () {
  const cartHeader = document.querySelector('div.cart-header');
  const cartBanner = document.querySelector('div.buckscc-cart-banner');

  if (cartHeader && cartBanner && cartBanner.parentNode) {
    cartBanner.parentNode.insertBefore(cartHeader, cartBanner);
  }
});
</script>

[shelleyd]

Thanks for that, but the code doesn't seem to be working. The banner is still sitting in its original position when I preview it.

[Hamza_Hussain]

It might be because the code is placed in the wrong file. I think cart file must have another other than the ones I gave you. try add this code in theme.liquid file and reload the cart page

[shelleyd]

No luck with that one either, unfortunately.

[Hamza_Hussain]

Should it look something like this ?

[shelleyd]

Yes, that's exactly how I would like it to look.