Elementor Full Width Menu with Image Hover Effect

Modern Elementor Full Width Menu with Image Hover Effect. Fully responsive on tablet and mobile devices!

Live preview

Default Version:

https://template.makedreamwebsite.com/full-width-menu-with-image-hover-effect/

Transparent Header Version:

https://template.makedreamwebsite.com/full-width-menu-with-image-hover-effect-transparent/

Features

• Amazing Hover Effect with each menu items
• 2 Versions: Default and with Transparent Header
• Menu entrance animation during opening
• Different color and images for each items
• Modern light hamburger and close icons
• 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 versions: Default and Transparent Header. And inside each of them, you’ll get templates for both container and non-container users where you will get a .json file. 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 full width 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.