Hello,
1) It’s possible by some additional customization. Add the icons in menu settings for the every secondary menu item http://prntscr.com/l7vgz6 and add the following code in child theme style.css
.secondary-menu-wrapper .menu>li>a i { padding-right: 10px; margin: 0 10px; border-right: 1px solid #cdcbcb; line-height: inherit; } .secondary-menu-wrapper .menu,.secondary-menu-wrapper .menu>li { padding: 0; } .secondary-menu-wrapper .menu>li>a { line-height: 2; padding-bottom: 0; padding-top: 0; border-bottom: 1px solid #cdcbcb; padding-right: 30px; } .secondary-menu-wrapper .menu li.menu-item-has-children>a:before { padding: 0 10px; line-height: 31.92px; background-color: #f2f2f2; } .header-advanced .secondary-title, .header-advanced .secondary-menu-wrapper .menu { width: 310px; }
2) To make the main header as the fixed header disable the fixed header in theme options and try to add the following code in child theme style.css
.header-wrapper{ position:fixed; top:0; z-index: 10000; } .admin-bar .header-wrapper { top: 32px; } .content-page, .page-content { margin-top: 195px; }
Regards
