Hello!
Can anyone help me remove the cart icon from the button at the production pages?
thank you!
And remove the pop-up from the side when you scroll down:
Topic summary
A user seeks help removing the cart icon from product page buttons and a pop-up element that appears when scrolling.
Solution Provided:
- Add custom CSS code to the theme’s
base.cssfile - Target specific classes:
.product-form__item-button.submit-button,.product-form__button--fixed, and.icon-add-cart - Apply
display: none !important;to hide these elements
Implementation Steps:
- Navigate to Online Store → Theme → Edit code
- Locate the
base.cssfile - Paste the CSS code at the bottom of the file and save
The initial issue was resolved successfully. However, a follow-up problem emerged: the cart drawer displays incorrectly when products are added, appearing hidden behind other elements for unknown reasons. This secondary issue remains unresolved in the conversation.
Hi @Rubberduck
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.product-form__item__button-submit.product-form__button–fixed, i.icon-add-cart {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
Hello @Rubberduck
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
Amazing, thank you very much!
1 Like
You are welcome @Rubberduck 
Do you also know why this is happening? When i add a product to the cart on my website, the drawer that comes down, goes like this. Gets hidden behind for some reason. @PageFly-Victor
