Divi Menu Module Sub-Menu Dropdown Styling: the Ultimate Guide
Автор: Ania Romańska
Загружено: 2022-02-01
Просмотров: 26135
All of the code snippets for the effects I used in this video are available here: https://divilover.com/divi-menu-modul...
If you'd like to see the demo page I was working on, you can take a look here: https://demos.divilover.com/tutorials...
Here's a quick timestamp reference for your convenience:
00:02:10 Divi Menu module customization options
00:03:41 Changing the sub-menu width
00:12:21 Full-width Menu items
00:14:28 Sub-menu items font styling
00:15:14 Sub-menu links on hover
00:17:15 Sub-menu border and inner spacing
00:19:25 Aligning sub-menu links with the parent menu item
00:21:20 Sub-menu rounded corners
00:23:18 Sub-menu shadow
00:24:41 Sub-menu triangle top arrow
00:28:55 Center-align the sub-menu container
00:31:30 Center-align the sub-menu links
00:31:55 Sub-menu animation
00:34:16 Changing the Sub-menu vertical offset
I hope you found this tutorial useful and easy to follow. Don't hesitate to give me a comment with your thoughts!
And if you'd like to understand CSS in Divi better and use it with more confidence, join my Free 5-Day CSS & Divi Challenge! You'll find all the details here: https://css.divilover.com
Best,
~ Ania
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![Working with Custom CSS in Divi: Beginner Guide [2022]](https://ricktube.ru/thumbnail/k7Vy_MY080I/mqdefault.jpg)
![[Divi Walkthrough] One-Page Menu Navigation with Active Anchor Links + jQuery & CSS Snippets](https://ricktube.ru/thumbnail/BVM1ydZv8kU/mqdefault.jpg)
![Divi Popup: No Plugins Required! [Ultimate Guide]](https://ricktube.ru/thumbnail/dpgSB68gppc/mqdefault.jpg)
![Ultimate WooCommerce Account Page Styling in Divi [Comprehensive 2-Hour Tutorial]](https://ricktube.ru/thumbnail/dGVVhEorXcc/mqdefault.jpg)
