Shopify has pushed an update to their 'Dynamic checkout buttons', causing a conflict that affects the header.
The conflict has come from the Dynamic checkout button triggering the cart drawer to be rendered incorrectly.
We are currently working on a fix to push to the theme but in the meantime, you can resolve the issue by either:
1. Disable the dynamic checkout buttons
Disabling the 'Dynamic checkout buttons' on your cart by Customizing your theme and going to Theme settings > Cart and disabling the setting Enable dynamic checkout buttons.
2. Build in the fix
Edit your theme's code (In the Theme's ••• menu go to Edit code). Go to snippets > right-drawer.liquid and remove the following code:
{% if additional_checkout_buttons and settings.enable-additional-checkout-buttons %} <div class="additional-checkout-buttons additional-checkout-buttons--vertical"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
and replace with:
{% if additional_checkout_buttons and settings.enable-additional-checkout-buttons %} <custom-template> <div data-additional-checkout class="additional-checkout-buttons additional-checkout-buttons--vertical"> </div> </custom-template> {% endif %}
and at the end of the file add the following:
<script> class MyElement extends HTMLElement { constructor() { super(); const shadow = this.attachShadow({ mode: 'closed' }); // Store the template content into the shadow DOM, if needed for styling or future references const template = document.querySelector('#checkoutBtns'); if (!template) return; shadow.appendChild(template.content.cloneNode(true)); } connectedCallback() { const buttonContainer = this.querySelector('[data-additional-checkout]'); const templateContent = document.querySelector('#checkoutBtns')?.content; if (buttonContainer && templateContent) { // Append the template content to the additional checkout button container buttonContainer.appendChild(templateContent.cloneNode(true)); } } } customElements.define('custom-template', MyElement); </script> <template id="checkoutBtns"> <span data-button-content>{{ content_for_additional_checkout_buttons }}</span> </template>
(We always recommend making a duplicate of your theme and working on the unpublished version when making code updates before pushing live)
If you need help with this temporary fix, please don't hesitate to contact our support team who are happy to help. We are trying to get back to everyone as quickly as possible on this matter and will be pushing out a fix as soon as possible.