Menu Styles And Mobile Version

Menu Builder element is a functional wrapper for our navigation menu. It is a fantastic helper element for our dev needs: it manages desktop/mobile versions, ties together Menu Toggle element and the menu, adds accessibility. Menu Builder does not display menu itself, but it orchestrates all functional and styling menu building elements.

Chapters:
00:00 - 01 - Intro
00:06 - 02 - Setting "Menu Toggle"
00:19 - 03 - Setting "Mobile Menu Breakpoint"
00:54 - 04 - Using custom media queries to trigger displaying of the mobile version
01:23 - 05 - Settings for quick styling the navigation menu*
02:17 - 06 - Additional submenu related settings: display on hover, display default caret icon, display always opened (for easier styling)

* Classes referenced in the video.
For the styling we shall use these tags with these classes:
"nav" - .bldr-nav
"ul" - .bldr-nav-menu
"li" - .bldr-nav-item
"a" - .bldr-nav-link
"button" inside "a"

For the functionality (using these classes is explained in another video) we shall use these tags with these classes:
"ul" - .bldr-nav-menu-js
"li" - .bldr-nav-item-js
"a" - .bldr-nav-link-js
"button" inside "a"

Видео Menu Styles And Mobile Version канала Builderius —Visual Development Environment for WP