1. In your Header Element – go to the Site Header tab and select Merge with Site Header, this will also provide you options to change the Navigation colors when the header is merged.
2. Add Menu to desktop toggle:
.sf-menu>li.slideout-toggle:before {
content: 'MENU';
}
.sf-menu>li.slideout-toggle {
display: flex;
align-items: center;
}
2.1 Swap Menu label and toggle on mobile
.menu-toggle:before {
content: "";
}
.menu-toggle:after {
content: "\f0c9";
font-family: GeneratePress;
width: 1.28571429em;
text-align: center;
display: inline-block;
}