Mobile Menu Close Showing a White Background - Envy Theme

Store Design
1

There is a white background on the toggle button in Mobile View which needs to be removed. Here is a screenshot of the issue: https://tppr.me/xWIvS Website URL is: https://kn-dev.myshopify.com and Public Password is “knstore”.

2

Hello can you please share your site url

3

Website URL is: https://kn-dev.myshopify.com and Public Password is “knstore”.

4

hello @Techie-Dev

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.mobile-menu-close {
    background-color: var(--mobile-menu-background) !important;
   
}
5

No luck. In Envy custom.css is the right file to write custom rules but it didn’t worked. Then I added it to theme.css but there as well it didn’t worked. Maybe Z Index issue?

6

hello i see there are now white space around the close button see screenshot https://imgur.com/A5WGVL6

7

Thanks for looking into this… The issue is only visible on Apple Devices. iPhone and Mac. However, I fixed it myself on Production. It was the Focus Background which was white.