cancel
Showing results for 
Search instead for 
Did you mean: 

PopUp Delete product form the mini-cart

PopUp Delete product form the mini-cart

When I delete a product from the mini-cart, a popup appears to confirm this operation. I want to remove the style="z-index: 1000100" that is automatically added

 

Does anyone know how I can delete it? It generates problems when I want to delete a product from the mini-cart, I can not delete the product

2 REPLIES 2

Re: PopUp Delete product form the mini-cart

Hello @ManuelSissl 

 

Can you please confirm are you using Magento 's default Luma theme ? Also if possible can you please share a screenshot for the same ? so its help us to troubleshoot the issue

if issue solved,Click Kudos & Accept as Solution

Re: PopUp Delete product form the mini-cart

Hi,

 

I'm using Magento 's default Luma theme. This is the code:

 

<div class="modals-wrapper"><!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->

<aside role="dialog" class="modal-popup confirm                                 _show" aria-describedby="modal-content-61" data-role="modal" data-type="popup" tabindex="0" style="z-index: 1000101;">
    <div data-role="focusable-start" tabindex="0"></div>
    <div class="modal-inner-wrap" data-role="focusable-scope">
        <header class="modal-header">
            
            <button class="action-close" data-role="closeBtn" type="button">
                <span>Close</span>
            </button>
        </header>
        <div id="modal-content-61" class="modal-content" data-role="content"><div>Are you sure you would like to remove this item from the shopping cart?</div></div>
        
        <footer class="modal-footer">
            
            <button class="action-secondary action-dismiss" type="button" data-role="action"><span>Cancel</span></button>
            
            <button class="action-primary action-accept" type="button" data-role="action"><span>OK</span></button>
            
        </footer>
        
    </div>
    <div data-role="focusable-end" tabindex="0"></div>
</aside><div class="modals-overlay" style="z-index: 1000100;"></div></div>

 The last line:

 

<div class="modals-overlay" style="z-index: 1000100;">