My buy it now button has moved on it’s own

Hi all,

for some reason my buy it now button has moved and I don’t know why.

attached is a screenshot of the problem.

it’s not the klarna on site messaging app (I removed it and nothing changed, plus I had them look into it).

it’s even worse on desktop and is putting people off

what could it be?

Hi @eCom-SEO ,

That does seem very strange for sure! I wonder when you removed the Klarna if this affected how the buy button was positioned and structured? Did you touch or edit any of the code with regards to Klarna in any way?

If not, did you install any apps or have anyone install any apps or make custom code changes in any way at all? Depending on which theme you’re using, it might be worth contacting the Shopify support team if theme is a free Shopify developed theme or the theme developer if it’s a third-party developed theme. Looking forward to hearing from you when we know more, once we know more we can narrow down how this might have happened and the best next steps!

Hi Nick,

Thanks for responding.

I’ve not touched the code with regards to Klarna. I’ve even gone back to a later date within the code to see if that fixes the issue, but to no avail.

I’ve contacted a dev to take a look because this has me stumped.

I couldn’t find any other thread on the same issue, very strange.

When it’s fixed I’ll post here for others to reference.

BTW, it’s on the Turbo theme

Perfect, the Turbo theme was developed by Out of the Sandbox. Was it them you reached out to?

Looking forward to seeing what they say if so.

It’s difficult to know what’s happened without taking a closer look! Hopefully it’s fixed soon and thanks for updating the thread in case anyone else has the same issue, that’s very much appreciated!

Fixed it, need to add this CSS tweak to assets > styles.css.liquid

add it to the bottom of the page

.shopify-payment-button div {
  height: auto;
}

It was due to a change that shopify made apparently.