Dawn Theme | Increase menu drawer z-index

[Ell_Soll]

Hi,

I want to make the menu drawer on mobile above the accessibility button when it's open.

Site address: ellsoll.com

[BSSCommerce-B2B · Accepted solution]

Hi @Ell_Soll ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

body:has(#Details-menu-drawer-container[open]) #INDbtnWrap {
    display: none !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[BSSCommerce-B2B · Accepted solution]

Hi @Ell_Soll ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

body:has(#Details-menu-drawer-container[open]) #INDbtnWrap {
    display: none !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Ell_Soll]

Thank you!

Works perfect.

[Ell_Soll]

Hi, Just changed the accessibility app, can you help again with the z-index?

The old code don't help.

[BSSCommerce-B2B · Accepted solution]

@Ell_Soll, change the previous code like this

body:has(#Details-menu-drawer-container[open]) #userwayAccessibilityIcon {
    display: none !important;
}

[Ell_Soll]

Thanks again.

[Ell_Soll]

So, I need more help 😃

Last thing, I want to make the menu above the sticky add to cart.

*It's only on mobile.