Reply To: How to Recreate Generatepress responsive Header/menu

[Tom]

You could try:

@media (max-width: 1059px) {
    .main-navigation {
        display: none;
    }
    .main-navigation.mobile-header-navigation {
        display: block;
        opacity: 1;
    }
}