Hello! It seems that it is not centered on mobile.
Topic summary
Goal: remove the “Update Cart” button on the Brooklyn theme cart page and make the “Check out” button full-width.
What was tried:
- CSS added in theme.liquid (before ) to hide the update button and set the checkout button to width: 100%. This worked but the Update button briefly flashes on load.
- Follow-up CSS changed the button to visibility:hidden to reduce flashing.
- Another suggestion: place the CSS above so it loads earlier, which can prevent the flash of unstyled content.
Caveats raised:
- Removing the Update button may prevent customers from changing quantities unless the cart auto-updates or another mechanism exists.
Current issues:
- The user reports the checkout button isn’t centered on mobile.
- The provided store URL is incomplete, limiting further diagnosis.
Notes:
- Steps involve editing theme.liquid (the main layout file) and adding CSS.
- An image was provided to illustrate where to insert code; the visible code block in one reply is empty in the text, so the image appears central to reproducing the fix.
Status: No confirmed final resolution; mobile alignment and UX impact of removing the Update button remain open.