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?
User | RANK |
---|---|
178 | |
155 | |
83 | |
31 | |
30 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023