Shopify themes, liquid, logos, and UX
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
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
Your suggestion does not solve the real preproblem.
Your code changes another part (red arrow):
(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.
(Image from Mobile view)
So do you have another suggested solution?
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025