How can I move a custom button down on my theme?

Topic summary

Goal: Move a newly added Klaviyo “notify me when available” button lower on the product page because it appeared too close to the Add to Cart button.

Solution provided:

  • Navigate to Online Store > Edit Code.
  • Open theme.liquid.
  • Insert a code snippet directly above the closing tag to adjust spacing and move the button down. (Exact snippet not visible in the excerpt.)

Outcome: The original poster confirmed the change worked immediately.

Notes:

  • A screenshot was shared to show the buttons appearing too close, illustrating the spacing issue.

Status: Resolved; no further actions or open questions mentioned.

Summarized with AI on December 30. AI used: gpt-5.

I have just added the Klaviyo “notify me when available” button to our site by adding the code provided by Klaviyo to our website code. However the button is awkwardly appearing really close to the add to cart button. I want to move this down slightly but do not know how to or where in the code this would be done.

Hi @rosalindis

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

THANK YOU SO MUCH :heart: WORKED STRAIGHT AWAY