Layout shift demo

This demo is intended to be viewed at smaller viewport sizes; resize your browser to see the "burger" menu pattern.

This demo is the Sky Nav menu without any of the strategies applied. You should see a layout shift leading to a poor Cumulative Layout Shift metric score.

Read the Cloud Four article "Removing layout shift from a progressively enhanced burger menu" for demo details.

Go back to the demos list