How to Add an Awesome Hover Effect to your Divi Mobile Menu on Desktop in 5 minutes or so!
Divi Engine
In this Divi tutorial we show you how take quickly add a Text Background to the currently Hovered menu item of your Divi Mobile Menu using our plugin, Divi Mobile. You’ll see that Divi Mobile and all of its features are not just limited to Divi Mobile Menus, but also Desktop Menus.📱 DIVI MOBILE ➤ https://diviengine.com/product/divi-mobile/We just finished a 3 part series on how to add this effect using some clever code. We show you how to Build a fancy Hero Section, Display the Divi Mobile menu in Desktop, and how to add this Hover Effect using some jQuery. If you are interested in doing this manually, definitely go check out those videos linked below.Part 1 ☞ Building the Divi Hero SectionPart 2 ☞ Add the Fullscreen Menu and force the Mobile Menu on desktop in DiviPart 3 ☞ Add jQuery to the Divi Fullscreen Menu to show hovered link as background textLINKS➤ Background Text Effect Tutorial Playlist @ https://youtube.com/playlist?list=PL9My989q_-K-QXuBsn7w8RZvYhVKMYwXP➤ Learn more about Divi Engine @ https://diviengine.com/➤ Get the Divi Theme @ https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=58998CHAPTERS00:00 Introduction01:04 Access Divi Mobile Settings through Theme Customizer01:29 General Settings – Changing the Mobile Menu Breakpoint & Set to Fullscreen03:39 Custom Header Settings – Adding the Header Logo & Header Styling06:54 Burger Menu Settings – Styling the Hamburger Menu Appearance & Animations08:48 Menu Style Settings – Styling the Contents of your Menu11:33 Fullscreen Menu Style Settings – Activating & Styling the Background Text Effect12:58 The Final Result13:56 Conclusion
