Create a Full Width Menu with Background Change Effect on Hover (Elementor) [Video Tutorial]

Updated on June 24, 2024 by Editorial Team
Table Of Content
Video Duration: 14:40

Video Overview

Discover how to create a full-width menu with a background change effect on hover without any code. This Elementor Hamburger menu will be a Full-Screen menu and we will be covering 2 types of designs
1) Full-Width Menu with Background Change & Text Stroke
2) Full-Screen Menu in Elementor with Image Reveal on hover

And since we are using the powerful The Plus Addons for Elementor, we will also add a custom circular cursor to the design to make it look more elegant.

▶ Plus Elementor Widgets Used:
Background Hover Effects – https://theplusaddons.com/widgets/elementor-animated-service-boxes/

PopUp Hamburger Menu – https://theplusaddons.com/plus-builder/elementor-popup-builder/#revealcontent

Text Stroke Effects – https://theplusaddons.com/widgets/advanced-typography-for-elementor/

Custom Mouse Cursor – https://theplusaddons.com/widgets/elementor-mouse-cursor-icon/

Full-Screen Menu has been very popular these days, users like to create such Popup Hamburger menu with custom cursor, Background change effect or text strokes and much more. Thats why we bring the set of Full-screen Hamburger Navigation Menu Hover Effects.

▶ Get 120+ Powerful Widgets for Elementor – https://theplusaddons.com/pricing/

▶ Nexter Theme Builder – https://nexterwp.com/

USE CODE ‘ YOUTUBE10 ‘ TO ENJOY EXTRA 10% DISCOUNT

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website

    Related Docs