Designing a Two Column Sliding Icon DiviMenu

In this tutorial, you’ll learn how to create a two-column sliding icon menu using the DiviMenus Flex module in Divi!

First, we'll show you how to save the Row containing the DiviMenus Flex modules in your Divi Library to take advantage of the extra tool "Layouts Shortcode" included with all DonDivi plugins. This allows you to copy the shortcode and paste it directly into a native Divi Slider module, which can be further customized with CSS from the Advanced tab.

And moreover, you can also take advantage of the different link types available for each Menu Item. In the example, we use the Popup Link Type, which allows us to open any layout from the Divi Library as a popup. This gives you even more flexibility in how you design and interact with your menu items.

Finally, we show you how to fully customize the slider with CSS to match your design needs.

Additionally, you can choose to show or hide the Section based on the device (desktop, tablet, phone) from the Section - Advanced - Visibility settings.

Follow the steps in the video and... Happy Building! 🥳
OTHER RELATED VIDEOS:

🎬 Layouts Shortcode - DonDivi Extra Tool
https://www.youtube.com/watch?v=WdfuV4d4GJ0

🎬 Creating a Fullscreen Horizontal DiviMenu
https://www.youtube.com/watch?v=YZ8rQB_xQIk

🎬 Displaying Divi Layouts as an Accordion
https://www.youtube.com/watch?v=Evdf9aqmX-0
Learn more:
https://dondivi.com/documentation/divimenus-flex-doc/

Divi Marketplace
https://www.elegantthemes.com/marketplace/divimenus/

______

💜 DonDivi
We create premium tools for improving your creativity and simplifying the way to design stunning websites with Divi.

Видео Designing a Two Column Sliding Icon DiviMenu канала DonDivi Plugins