Envy Theme - Removing 'Add To Cart' button from Navigation

Solved

Envy Theme - Removing 'Add To Cart' button from Navigation

kyle_g
Tourist
9 0 3

Hello!

 

Working with the Envy Theme in SHopify.

 

When I link to a product in my navigation, Envy shows an "Add To Cart" button next to the links.

 

I would like to remove this yet don't know how to.

 

Thank you! 

 

IMG_5141.jpeg

Accepted Solution (1)
devcoders
Shopify Partner
925 116 235

This is an accepted solution.

Hello @kyle_g 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme-index.min.css Add the provided code at the end of the file.

 

.incubate-collections-add-to-cart-add-to-cart-button {
    display: none !important;
}

 

devcoders_0-1736954036014.png

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 12 (12)

zainab
Shopify Partner
8 0 3

I can help with that! If you want to remove the "Add to Cart" button, I'll guide you through the steps.

 

 

kyle_g
Tourist
9 0 3

Yes please!

topnewyork
Astronaut
1121 150 185

Hello, @kyle_g 
Please share "Store URL"
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
kyle_g
Tourist
9 0 3

DaisyVo
Shopify Partner
3434 393 475

Hi @kyle_g 

 

Could you please share the store link with us so we can check it further?

 

Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
kyle_g
Tourist
9 0 3
devcoders
Shopify Partner
925 116 235

This is an accepted solution.

Hello @kyle_g 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme-index.min.css Add the provided code at the end of the file.

 

.incubate-collections-add-to-cart-add-to-cart-button {
    display: none !important;
}

 

devcoders_0-1736954036014.png

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
kyle_g
Tourist
9 0 3

Hi! This got rid of the Add to Cart button perfectly, what about also getting rid of the quantity selector and variant selector from the menu too?

kyle_g
Tourist
9 0 3

This worked perfectly for the Add to Cart button, now what about removing the variant selector and the quantity selector buttons?

devcoders
Shopify Partner
925 116 235

Hello @kyle_g 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme-index.min.css Add the provided code at the end of the file.

select.incubate-collections-add-to-cart-variant-selector {
    display: none;
}
.incubate-collections-add-to-cart-quantity-selector-container {
    display: none!important;
}
div#incubate-collections-add-to-cart-widget-7445414248703 {
    display: none!important;
}

 

devcoders_0-1736955292784.png

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

devcoders
Shopify Partner
925 116 235

Hello @kyle_g 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

websensepro
Shopify Partner
1854 215 260


Hi @kyle_g 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

button.incubate-collections-add-to-cart-add-to-cart-button {
    display: none !important;
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP