Solved

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

rosalindis
Visitor
2 0 0

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.

 

Screenshot 2024-04-25 at 15.50.47.png

Accepted Solution (1)

theycallmemakka
Shopify Partner
1477 336 360

This is an accepted solution.

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 </body>

<style>
a.btn.klaviyo-bis-trigger {
    display: block;
    margin: 0.7rem!important;
}
</style>

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1477 336 360

This is an accepted solution.

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 </body>

<style>
a.btn.klaviyo-bis-trigger {
    display: block;
    margin: 0.7rem!important;
}
</style>

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

rosalindis
Visitor
2 0 0

THANK YOU SO MUCH ❤️ WORKED STRAIGHT AWAY