The checkout key on my website is glitching

Store Design
, , ,

Topic summary

Main issue: Checkout button displayed oversized on both desktop and mobile. Residual code from an old app also appeared at the top of product pages, though removed from the homepage.

User actions: Tried various fixes and manual code edits but couldn’t locate/remove all remnants. Asked if the two issues were related and provided screenshots illustrating the checkout button problem.

Initial guidance: Suggested reverting theme code changes to restore correct styling. User couldn’t revert due to many subsequent edits they wanted to keep.

Next steps: Helper requested collaborator access via Settings > Users and permissions. Access was granted to review and adjust the store’s code directly.

Outcome: Issues were resolved after collaborator intervention. The merchant confirmed the fix worked.

Notes: Screenshots were central to understanding the visual glitch on the checkout button. No specific technical root cause or code snippet was shared publicly.

Status: Resolved. No open questions or pending actions remain in the thread.

Summarized with AI on January 25. AI used: gpt-5.
1

Hello,

I need help. I have been trying any and everything to fix my checkout button. It is showing up large and extended on mobile and desktop. I don’t know how to fix it. I’ve tried everything I can think of. I’ve attached a screenshot of what it looks like on desktop. It looks similar on mobile. You can go to my website beardedpleasures.com and see for yourself by added something to the cart. I also cannot seem to figure out how to get an old app data off of my product pages at the top. I got it removed from the homepage but it wont go away from the product pages I edited the code and tried to find the code but I can’t fix it. I’m wondering if the two issues are related? Screenshot included -

Screenshot 2023-06-14 at 9.04.46 AM.png
Screenshot 2023-06-14 at 9.04.46 AM.png2880×1800 511 KB

Any help would be much appreciated!
Screenshot 2023-06-14 at 8.57.45 AM.png
Screenshot 2023-06-14 at 8.57.45 AM.png2862×1418 181 KB

2

@mattdylan4 you just need to revert back the code which you have done changes :

Ujjaval_0-1686752436779.png
Ujjaval_0-1686752436779.png1587×786 71.1 KB

3

The problem with this is that it happened a while back and I did not notice it. I made many changes since then and cannot revert back without losing everything else that I don’t want to revert. Is there a way to fix the check out button and broken code showing on my product pages without reverting back?

4

@mattdylan4 yeah need to looking into the store code for that i need store access.

5

What type of access do you need and what email should I send access to?

6

@mattdylan4 accept the collaboration request from settings ->user and permission section

7

accepted. Thank you for your help!

8

@mattdylan4 check it’s resolved.

9

Yes, thank you so much for your help!