Hello There,
Thanks for updating in!
The first code was for the mobile menu with the default navbar. Since you are using custom header, the second code was needed to resolve your issue.
1.) Please edit your header and change the location from right to left:
2.) Please update to the latest version. Pro 1.1.1 is now available in automatic updates! This release contains fixes for several issues so be sure to check out the changelog (https://theme.co/changelog/). After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.
3.) You will need to create two separate menus. One menu will be for your homepages and the second one will be for your inside pages. You will need to duplicate your custom header as well. You will need to assign one header for the homepage and in this header it will contain the menu just for the homepage. The duplicated header will be assign to all other pages and in this header, the second menu will be used.
4.) We can create a custom css that will highlight the mobile menu icon. You can make use of this code:
@media(max-width: 979px){
.hm3.x-anchor-toggle {
background-color: black;
box-shadow: 0em 0.15em 0.65em 0em rgba(255,255,255,0.95);
}
}
Hope this helps. Please let us know how it goes.