Overlay not disappearing?

  • Resolved kendawes

    (@kendawes)


    9 years, 7 months ago

    Hi!
    Your plugin has been working great for me!

    I’ve noticed on my sites that when I click on the hamburger the menu sides in as it should. If I click on a menu item.. all good.

    However if I click on the hamburger to close the menu (or the body, if I have that selected), the menu slides back but it leaves a black area where the menu was. If I scroll or resize the window the least amount, the black immediately disappears. If I highlight text on the page, the black goes away *only* over the text I’ve highlighted. If I unhighlight the text, the text remains visible.

    Any idea what’s going on?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor responsivemenu

    (@responsivemenu)

    9 years, 7 months ago

    Hey there,

    Can you provide a URL for me to check plus the operating system and version, and browser and version you are using.

    All the best

    Thread Starter kendawes

    (@kendawes)

    9 years, 7 months ago

    Sure!
    Here’s one site I see it on – http://www.stories-about-love.com/

    I’m on Windows 10 and Firefox 49.0.2 I just resize FF down to make the Responsive Menu appear.

    Thanks!

    Plugin Contributor responsivemenu

    (@responsivemenu)

    9 years, 7 months ago

    Hey there,

    Thanks for this – so far I am unable to replicate the issue but will keep trying!

    Can you let me know if you get the same problem when looking at my site responsive.menu?

    All the best

    Thread Starter kendawes

    (@kendawes)

    9 years, 7 months ago

    Hi!
    I tried your site in Chrome… Perfect!
    In FF it isn’t like my site… But I do see something akin to my problem..

    So when I bring my FF down small enough for your hamburger to show up and click the “X” to close the menu… As the menu slides towards closed, the area where the menu “was” remains blank (actually your orangey color fading to transparent going top to bottom) until the menu completes the slide and then after a tiny delay it disappears and everything is uncovered.

    I managed to get a screen grab as the menu is closing… Screen Grab

    On Chrome that background color stays beneath the menu, uncovering everything as the menu closes.

    Hope this helps!

    Plugin Contributor responsivemenu

    (@responsivemenu)

    9 years, 7 months ago

    Hey there,

    I have been playing around with this quite a bit and searching online which took me to the StackOverflow page below:

    http://stackoverflow.com/questions/9983520/webkit-animation-is-leaving-junk-pixels-behind-on-the-screen

    I have tried a few things and the one that works for me is pasted below. Can you add this as custom css to your themes styles.css file, refresh your caches and let me know if it fixes it. If it does then I will release it as part of a new update:

    #responsive-menu-container {
   outline: 1px solid transparent;   
}

    All the best

    Thread Starter kendawes

    (@kendawes)

    9 years, 7 months ago

    Hey! Success! You’ve got it!

    I tried it on a couple of sites… Two thumbs way up!

    Great job! Thank you!

    Plugin Contributor responsivemenu

    (@responsivemenu)

    9 years, 7 months ago

    Hey there,

    Great news! I will add it to the core of the plugin so it will be available without the custom CSS in future for everyone from the next version onwards.

    Thanks again

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Overlay not disappearing?’ is closed to new replies.