Codrops Dynamic Shape Overlay in Bricks

This Pro tutorial provides the steps to implement Codrops' SVG shape overlay in Bricks.

We shall display a WordPress menu in the overlay after an hamburger button is clicked/tapped with nice fluid animations.

Step 1

If a child theme is not already active, upload and activate it.

Create a directory called assets in the child theme directory and inside that, css and js directories.

Upload easings.js to assets/js.

Upload demo3.js to assets/js.

Create a file named demo.css in assets/css having:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Instant access to all 250+ Bricks code tutorials with BricksLabs Pro