Elementor Distorted Image Menu

Modern Elementor Distorted Image Menu. Fully responsive on tablet and mobile devices!

Live preview

Fixed, Transparent Version:

https://templates.makedreamwebsite.com/distorted-image-menu-v1/

Fixed, Non-transparent Version:

https://templates.makedreamwebsite.com/distorted-image-menu-v2/

Non-fixed, Transparent Version:

https://templates.makedreamwebsite.com/distorted-image-menu-v3/

Non-fixed, Non-transparent Version:

https://templates.makedreamwebsite.com/distorted-image-menu-v4/

Features

• Cool distorted image hover effect
• Slick full width menu with nice reveal animation
• Secondary Menu with cool hover effect
• Next-level search animation
• Modern icons with hover animations
• 4 different versions including transparent and fixed header
• Included both container and non-contain version
• Instructional PDF file included (Bonus)
• Fully customisable
• 100% responsive on tablet and mobile

How to install

To use this ready made template, you need to have Elementor and Elementor Pro. After downloading the .zip file and unzipping that, you’ll get 2 folders for both Container and Non-container(section/column) users. And inside each of them, you’ll get all the possible versions with their .json files. You just need to go to Theme Builder And Header option. And click on Add New. Then, inside the new header template upload option, upload that file and then insert that. Then, after clicking on the Publish button click on the Add Condition and set it for Entire Site and click on Save & Close.

And BOOM!!! Your distorted image menu is ready. You can change each and everything from the Navigator view. Form the instructions.pdf file, you’ll also get more instruction about it.

Note: Before importing make sure you have enabled the “Enable Unfiltered File Uploads” option. Go to Dashboard > Elementor > Advanced > Enable Unfiltered File Uploads, and make it enable. And also make sure your Elementor version is 3.18 or above to get the full support of this template.