Happening now | Shopify Community AMA: User Research with CXL | Ask your questions now!

Why is my checkout button displaying incorrectly?

Why is my checkout button displaying incorrectly?

falkenkoenig
Excursionist
13 1 0

Hello.

I have the problem that the checkout box is not displayed correctly when an item is added to the cart (image). The position is too far down.

If you then go back to the front page and click on the shopping cart in the upper right corner, the checkout button is displayed correctly again.

The error occurs in desktop and mobile view.


What can be the reason for this? Is it due to apps that interfere with the checkout button?
Thank you for your help.

The Shop is www.falkenkoenig.com

 

2022-11-04_6-25-48.jpg

Replies 2 (2)

ExpertRookie
Shopify Partner
1518 249 325

hi @falkenkoenig 

 

Try to add this code before "</head>" tag in Theme editor > layout > theme.liquid

 

<style>
#ptw-wrapin .ptw-app-wrapper {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin: 5px 0 !important;
}
</style>

 

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
falkenkoenig
Excursionist
13 1 0

Hi @ExpertRookie 

Your suggestion does not solve the real preproblem.

Your code changes another part (red arrow):

 

Shopify Checkout Button Problem 1.png

(Image from Mobile view)

The real problem is with the lowest checkout button (Image bellow).
The red arrow points to the checkout button that appears only halfway.
The green arrow points to the checkout button as it should be displayed correctly.

Shopify Checkout Button Problem 1(1).png

(Image from Mobile view)


So do you have another suggested solution?