Mobile Icon Menu (Elementor)
Three different App-like menu bars for your Elementor (works on both free & paid versions of Elementor).
It has a responsive design, so it will work on any device (mobile, tablet & desktop).
Live previews:
Features:
- 3 different versions
- Beautiful animation on hover and on click
- Perfect for adding your contact details so they are always accessible (especially on mobile)
- Works as a navigation menu for a single-page website.
- Customize text, icons, colors, fonts, etc.
- It comes with a video tutorial for installation.
Quick installation guide:
Make sure you have Elementor and Elementor Pro. Download the .zip file and unzip it.
You will see four .json files. These are four different versions of the menu.
Elementor (Free):
- Go to the page you want to add the mobile menu
- Then edit the page with elementor
- In the Elementor builder, scroll down to the bottom of the page.
- Click on the folder icon at the bottom of the page. This is how you upload templates on elementor.
- Choose your preferred version of the .json file.
- Click on the insert button
- You should see the menu in the elementor builder.
- Change the text, icons, links, colors & etc.
- Save the page.
- Test that everything works on your website (don’t forget to clear your cache)
Elementor Pro:
- Go inside the “Theme Builder”
- Then go to Header.
- Click on “Add New”
- Use a blank template
- Click on the folder icon at the bottom of the page. This is how you upload templates on elementor.
- Choose your preferred version of the .json file.
- Click on the insert button
- You should see the menu in the elementor builder.
- Change the text, icons, links, colors & etc.
- Save the header.
- Make sure you assign it to the pages you want the menu to show up.
- Test that everything works on your website (don’t forget to clear your cache)