Anomaly: Double Menu in Lightbox - Editor X

Hi there,
I’m stuck trying to find the cause of the anomaly.

  1. I use a single Lightbox for Menu.

  2. The Lightbox setup:
    Fluid
    defined Width (40%)
    full height
    Overflow content: Hidden
    Position: Pinned, docked to the Top and Left side of the page
    Two columns + 1 Row
    No Margins, No Padding
    No Additional Adjusting

The result:
As expected. Great.

The anomaly:

  • as long as I click on the Menu button
  • so the expected Menu is opened = on the expected side and with expected dimensions (on all breakpoints)
  • however, just before the Menu is rendered, a white strip (cca 100px width and full page height) is displayed for a few milliseconds. This strip fits under the Menu, which renders fine.
  • however when I click the “X” to close the Menu
  • so the Menu will disappear (expected event)
  • however, the white strip that was there at the beginning as an unwanted rendering effect will appear below it.
  • this is a new White Menu without content (screenshot below) but with an “X”, which displays the text “Close Site Navigation” when hovering.
  • this unexpected white element is obviously a Menu, it behaves like a Menu, and it behaves like a Lightbox. It can be cancelled by clicking on the content next to it or on the “X”, similar to the Lightbox Menu .


I do not use another Lightbox with Menu for this purpose.
After inspecting my Lightbox Menu layers:

  • The lightbox only contains elements defined by me.
  • there is no other Menu created in any other layer/page.
  • I don’t have my own custom script for this Lightbox.

Test:

  • I reduced the Opacity of my Lightbox Menu to 50%
  • I don’t see a “white strip” tent under it in any Breakpoint

This anomaly happens all the time.

Hello! This is a community forum for folks writing code to problem solve with each other, for a bug with an element I recommend reaching out to support to open a ticket. https://support.wix.com/en/article/contacting-wix-customer-care-for-support

Solved directly by Wix:

  • I can’t create a custom lightbox for MENU first and then use Menu “Hamburger” Element because the Hamburger element has already prepared an “empty white section” for Menu setup.
    So, the solution is to place the Hamburger first and then customize the plain section.

It was my fault.