Cart Page - Remove "Update Cart" button and make "Check Out" button appear larger (Brooklyn Theme)

[StoreHelpNeeded]

Hello there! Can anybody help me remove the Update Cart button in my Brooklyn theme cart page and make the Checkout button the full length (So it is as long as the update cart + check out button after).

Thank you so much!!

[GTLOfficial]

Hello @StoreHelpNeeded 
Please provide the URL of your website so that i can check.

[StoreHelpNeeded]

shopcutify.com

[GTLOfficial]

Hello @StoreHelpNeeded 
without the update cart button you can not update the quantity.
if your customer want to increase the product quantity they can not do that.

Please let me know

Thanks
GTLofficial

[niraj_patel]

Hello @StoreHelpNeeded 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
button.btn--secondary.update-cart {
display: none !important;
}
@media screen and (min-width: 591px) {
.update-cart+.cart__checkout {
margin-left: 15px;
width: 100% !important;
}
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[StoreHelpNeeded]

This works well, however, the update cart button flashes for a second before the full button appears, is there any chance to change this? Thank you!

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.btn--secondary.update-cart {
     visibility: hidden !important;
  }

</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[PageFly-Richard · Accepted solution]

Hi @StoreHelpNeeded 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.update-cart {
    display: none;
opacity:0;
visibility: hidden;
}
.update-cart+.cart__checkout {
margin-left: 15px;
width: 100% !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

[StoreHelpNeeded]

Hello! It seems that it is not centered on mobile.