Create A Popup Text Path Menu With A Hover Image Effect [Advanced PRO]

Elementor: A Complete Tutorial

About Lesson

This video is embedded from Youtube and here’s the original one.

0:00 Introduction
1:08 Creating the popup
2:04 Adding and styling the Text Path Widgets
4:06 Adding and styling the Images
5:52 Adding the custom CSS for the additional effects
8:05 Connecting the popup to the hamburger menu icon in the header

Resources:

How to create a custom SVG: Link.

CSS Snippets:

.menuImg{

opacity:0;

transition: all 0.8s ease-in-out;

transform: rotate(25deg);

}

.menuTitle:hover + .menuImg{

opacity:1;

transform: rotate(15deg);

}