The transition for the mobile hamburger menu triggers when changing the width of the browser from desktop to āmobileā views. There is a flash of both the menu text and the menu background.
Step-by-step reproduction instructions:
Create a Nav block and use the default settings.
On a desktop sized browser, reduce the width of the screen until the nav elements switches from the desktop view to the mobile view.
You will see a flash of the mobile menu text.
I was able to more or less resolve this issue by adding the following styles:
The issue I believe is that the 0.4 second transition is also operating on the visibility CSS attribute. So when the screen changes from desktop, where it is visibility: visible; to mobile, where it is visibility: hidden;, it takes 0.4s before it becomes hidden.
You can see the same issue occur on the wagepirate.com site, which I know is built in Cwicly. When changing the width of the screen from ādesktopā to mobile" a flash of the mobile menu appears on the left side of the screen.
In the given situation, this qualifies as an edge case as it doesnāt happen under typical user interactions.
Iāll let @Louis go into more detail on this.