Liquid, JavaScript, themes, sales channels
I would like to move my Add to Cart button beside my quantity selector on each product page. After installing the code below, it had the desired effect which was great. However, when I click Add to Cart, the cart pop up in the top right corner looks totally different, with a transparent background and text that overlaps, looking very messy.
I used the following code at the bottom of my theme.liquid file, before </body>.
<style>
.button--full-width {
width: calc(100% - 150px) !important;
margin-top: -76px;
margin-left: 150px;
}
</style>
Any help greatly appreciated.
Hi @golfer101
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
User | RANK |
---|---|
38 | |
29 | |
13 | |
11 | |
8 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023