4 Tickets
The Product Variation bulk order form add to cart button has a floating attribute that is activated when the add to cart button is not in the view. This causes to overlap with other elements on the screen.
In order to recreate this, the add to cart button must be active, this is also an issue in mobile where it shows up really ugly.
2,762
Hi there,
It does look like there is a bit of a styling conflict. Normally that button should be on top of all other elements, but here it looks like it's partially behind the image.
I believe we can make a change here, either to bring that button to the very top (on top of other elements), or just hide it completely if you prefer it. Please let me know what you'd prefer here.
It would help if you can please share a link to your site / a page where we can see this issue, so we can also test on mobile and see what's happening there.
Kind regards,
Stefan
4 Tickets
I would like both the options, to either alter the z-index of the add to cart button as well as getting deactivating the floating functionality of the button completely.
https://centurystyle.us/product/mens-value-t-shirt/
this is a product, adding anything to the cart will trigger the issue upon scroll
2,762
Thank you for clarifying,
(A) To completely disable the floating button, you can add the following CSS to your site:
#b2bking_cream_add_selected.floating {
display: none !important;
}
(B) Or if you prefer to show the button, but just alter the z-index to make it show on top, you can add this CSS:
button#b2bking_cream_add_selected {
z-index: 9999 !important;
}
These can be added to any area that supports CSS. On most sites it can be added to Appearance -> Customize -> Additional CSS / Extra CSS.
Kind regards,
Stefan