Hi guys I am trying to remove the add to cart button in my collection and remove the cart in the navigation in the Dawn theme.
I tried, but did not work.
.product-form__cart-submit {
display: none;
}
Hey Xktheory,
I just took a look at the Dawn theme. Thereâs actually no âadd to cartâ buttons on the collection pages â theyâre only on product pages.
To hide the âadd to cartâ buttons on product pages, you can do that via the theme editor (without any custom coding). Navigate to a product page within the theme editor, and then click into âproduct informationâ from the left-hand menu. From there you can âhideâ the section for âbuy buttonsâ.
To hide the cart from your navigation menu, youâll need to add a bit of coding.
Within the theme editor, click into the âHeaderâ section from the left-hand menu. Then on the right-hand menu, scroll down to the âCustom CSSâ section and add the following coding:
a#cart-icon-bubble {
display: none;
}
This will remove the cart icon from showing up in the header/navigation.
Let me know if the above helps or not! 
Cheers,
Stephen
Hi @xktheory
Just to clarify, you like to remove the add to cart in the collection pages only? And also the cart in the header? Would you mind to share your Store URL website? with password if its unpublish. Thanks!
Iâve already answered this, Ribe.
Thank you, the remove cart button from the navigation was perfect.
However, the âAdd to cartâ button isnât on a collection page but rather a âfeatured collectionâ on a normal page, so the above suggestion does not work unfortunately.
Hey Xktheory,
If youâre using the âfeatured collectionâ block/section on the homepage (or a custom content page), then there should be an option to turn off the âadd to cartâ within that sectionâs settings called âenable quick add buttonâ:
Uncheck that box, save changes, and then the add to cart buttons should be gone!
Cheers,
Stephen
