Revealing Background Images when Hovering Menu Items
In this tutorial, you’ll learn how to create a hover effect that reveals Images when hovering over Menu Items in Divi!
Using the "Show" link type included with the "DiviMenus Flex" module, Images are added as Menu Items in a second "DiviMenus Flex" module with absolute positioning and a lower z-index, keeping the main menu on top. By assigning the same CSS class to both the menu names and images, each image is revealed when hovering over its corresponding name.
Finally, we enable the included "Open URL" option so that clicking on each name opens the defined URL.
Follow the steps in the video and... Happy Building! 🥳
OTHER RELATED VIDEOS:
🎬 Changing the DiviMenus Background when hovering Menu Items (1)
• Changing the DiviMenus Background when hov...
🎬 Changing the DiviMenus Background when hovering Menu Items (2)
• Changing the DiviMenus Background when hov...
🎬 Displaying Vertical Tabs on Hover
• Displaying Vertical Tabs on Hover - DiviMenus
Learn more:
https://dondivi.com/documentation/div...
Divi Marketplace
https://www.elegantthemes.com/marketp...
______
💜 DonDivi
We create premium tools for improving your creativity and simplifying the way to design stunning websites with Divi.
