How do we keep the add to cart button fixed on scrolling down in the mobile version?
check the screenshot
This topic has 4 replies, 3 voices, and was last updated 1 months ago ago by Luca Rossi
How do we keep the add to cart button fixed on scrolling down in the mobile version?
check the screenshot
Hello, @sefat,
Thank you for contacting us and for using XStore.
To keep the “Add to Cart” button fixed while scrolling down, We kindly request you to navigate to **XStore Builders > Single Product Builder via Elementor**, then proceed to **Edit the Single Product Template**. From there, please add the **Sticky Cart Widget** and update the changes accordingly.
For your reference, please review the attached image provided in the private content area.
Additionally, we encourage you to consult our theme documentation for further guidance: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/
Should you have any questions or require further assistance, please do not hesitate to reach out.
Best regards,
The 8Theme Team
I have config the settings and want to show the title but the title is not showing in the mobile version sticky button, I have attacheda screenshot.
Dear @Sefat,
We hope this message finds you well.
Due to limited spacing on mobile devices, the product title is currently hidden in the mobile version. To resolve this and display the product title, we kindly recommend adding the following custom CSS code:
@media (max-width: 600px) {
.etheme-sticky-cart .et-wrap-columns {
flex-wrap: wrap;
}
.etheme-sticky-cart .et-wrap-columns .et_column.mob-hide {
display: block;
}
}
We hope this solution proves helpful. Should you have any further questions or require additional assistance, please do not hesitate to reach out.
Best regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up