To create the submenu as in this screenshot:
- Dashboard > Appearance > menus > Create new menu > add menu items
- Dashboard > Appearance > widgets > Create new widget area
- Dashboard > Appearance > widgets > (reload page to load new widget area) > Add Navigation menu to widget area
- Go to page > Divi builder
- Add section > spacing > padding > top = 0px, bottom = 0px
- Add row > spacing > padding > top = 14px, bottom = 14px
- Add module >sidebar > Select new widget area
- Sidebar module > advanced > CSS ID and Class > CSS class > add “horz-menu”
- Sidebar module > design > Text > Text Alignment > right
- Sidebar module > design > Layout > Show Border separator > no
- Save the Section to library to use for other subpages
- Dashboard > Divi > Theme Options > Custom CSS > add the following snippet
.horz-menu li { display: inline; list-style-type: none; padding-right: 20px; } .horz-menu li:last-child { padding-right: 0px; } .et_pb_gutters3 .et_pb_column_4_4 .horz-menu .et_pb_widget { width: 100%; margin-right: 0px; margin-bottom: 0px; } .horz-menu .current-menu-item { font-weight: bold; } .et_pb_bg_layout_light.horz-menu .et_pb_widget li.current-menu-item a { color: #b8b6b6; }