How to remove the sign-up bar overlaying the checkout button on mobile?

I am at a Susan G Komen walk event. I can’t even begin to tell you how many sales we have just lost because the signup button is directly on top of the check-out button on the mobile!! People can’t purchase our merch!!! How do I get rid of the signup?? This is very frustrating. I wish someone a Shopify spotted this error!!

Somehow this is very funny :grinning_face_with_smiling_eyes:

I dont think this is a shopify problem. As I see in your code, you have modified the classes on your own, but anyway. As a short term fix, it should be enough to change the following values in your css classes:

Do the following. go to your code editor and look for this class:

.drip-tab .drip-header {
    margin: 0;
    padding: 0;
    position: fixed;
    font-size: 100%;
    font: inherit;
    z-index: 10000;
    color: #333;
    vertical-align: baseline;
    text-align: left;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: 0px 10px 28px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 10px 28px rgba(0,0,0,0.36);
    box-shadow: 0px 10px 28px rgb(0 0 0 / 36%);
}

Your z-index for the fanview is 10000, the z-index of your cart is only 100. Change the z-index of the classes mentioned above to a value below 100 and it should overlap this creepy yellow thing.

After this correction it will look like this:

If this helps you, dont forget to like and accept the answer please.

:grinning_face_with_smiling_eyes:

How much does it cost to do this?