Regarding Mobile double Menu

See if this works:

/*Hide menu on mobile*/
@media only screen and (min-width: 768px) {
#header .top-header .header-navigation {
display: none;
}
}

I tried to install the plugin “Max Mega Menu”, and everything works correctly for me. You can remove the hamburger using CSS, but I would like to understand the reason.
I do not see these #header .top-header .header-navigation classes.
Remove the hamburger is not an option. I think you need to wait for an answer from the developers of the magnificent Astra theme.

Hi tormit (@tormit),

I tried but it did not work.

Thanks

Gary

I’ve done it on my website, unfortunately I removed it since I didnt need it but try searching for it.

I have searched and got this – https://www.megamenu.com/documentation/theme-developers/

If you want you can take a look at it and let me know if this will work. Before I try some stupid thing.

Gary

You gave a link to the documentation for theme developers, which provides instructions for adapting the created theme and menu. I tried on a test site and my menu is working correctly. I can’t understand why this is not working for you. Astra theme developers are sure to tell you how to do better. Removing a hamburger is quite simple, but this is not the right decision.

.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons {
    display: none;
}

Hello @gary4u

Can you try using the following CSS:

@media (max-width:768px) {
    .ast-header-break-point .ast-button-wrap {
        display:none;
    }

    .ast-header-break-point .ast-masthead-custom-menu-items {
        padding-right:0;
    }
}

Let us know how that goes.

Regards,
Suman

Hi , Team Brainstorm Force (@brainstormteam)

Great Looks like it worked. “Thanks a lot”. But there is kind of showing 2 Navbar , the Logo & Cart icon shows on the top and the Mega Menu is below.

Is it possible to over ride the default theme menu with Mega Menu.

A little help on this also will be nice. It will complete my Header work.

Thanks
Gary

Hi @gary4u ,

The feature which you wish to attain can be achieved using Astra pro without any custom CSS.

Further, please connect to mega menu plugin author as the toggle menu for mobile which you are using is coming from their plugin, and they could better help you with the custom CSS or with a fix as per your desired layout.

Regards,
Deepak

Hi , Team Brainstorm Force (@brainstormteam),

Guess you are right. Thank you once again. For now I cannot afford to pro version for now ,as this is a just a demo. Will look into pro version later.

Thank you

Gary