How to create a pop-up menu using Elementor and Elementor pro - WpBuilt 480622971806023
You are currently viewing How to create a pop-up menu using Elementor and Elementor pro

How to create a pop-up menu using Elementor and Elementor pro

  • xamfled
  • May 13, 2022
  • 0 Comments

After you created your menu, go to template > pop-ups > Add new.

Choose pop-up and name your template, click create a template.

Close the library and go to pop-up settings.

In the settings tab, You can adjust the width, height, position and add an animation for your pop-up menu.

In the style tab, this is where you can change the background color of your pop-up menu, Adjust the overlay color and customize the close button.

You can now drag the navigation widget to your pop-up and layout the menu in any way you want to.

Choose None in Breakpoint we don’t need any breakpoint

After designing your pop-up menu, click publish, and this is what you can see on your screen. Just click the Save and close

Go to Templates > Theme Builder > Add new > Select Header

Drag the button widget, remove the text and add your icon for your menu pop-up.

Click the Dynamic tag in Link and choose pop-up,

Click again the pop-up and now you can choose the pop-up that you created.

Click publish and now we’re done

After you created your menu, go to template > pop-ups > Add new.

Choose pop-up and name your template, click create a template.

Close the library and go to pop-up settings.

In the settings tab, You can adjust the width, height, position and add an animation for your pop-up menu.

In the style tab, this is where you can change the background color of your pop-up menu, Adjust the overlay color and customize the close button.

You can now drag the navigation widget to your pop-up and layout the menu in any way you want to.

Choose None in Breakpoint we don’t need any breakpoint

After designing your pop-up menu, click publish, and this is what you can see on your screen. Just click the Save and close

Go to Templates > Theme Builder > Add new > Select Header

Drag the button widget, remove the text and add your icon for your menu pop-up.

Click the Dynamic tag in Link and choose pop-up,

Click again the pop-up and now you can choose the pop-up that you created.

Click publish and now we’re done

Leave a Reply

×

Cart