How can I make my cart drawer overlay the menu header when opened?

Store Design
,
1

How to make my cart drawer cover the menu header when it open?

2

Hi @hallie983

Can you give me the link of the page (with pass if your store password is enabled), so I can check it and maybe give you a solution?

Kind & Best regards,
GemPages Support Team

3

Could you share your store URL?

4

Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.

5

Hello @hallie983 ,

You can try to do this:

  • Go to Online Store → Theme → Actions → Edit code
  • Go to cart-drawer.liquid → Scroll down to the bottom of the file and add the following code:
@media (min-width: 769px) {
  #CartDrawer {
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
  }
  
  .site-header {
    z-index: 9998;
    position: relative;
  }
}
  • Save and preview.

Regards,

Ali Reviews team.