how can remove this element to avoid having two menu buttons with one that shows unnecessary pages

Question

I like the menu buttons when the website is viewed in the desktop view but I don't like it whenever it is viewed in the mobile view. it brings two menu buttons and one of the buttons shows unnecessary pages while the other one just works fine

bellow is the inspected element that I thought has to be removed to avoid this menu button but I don't know how to go about it or you can visit my website Here and try to minimize the browser to mobile ratio to see what exactly I have to do to work out this issue.

<button class="menu-toggle" aria-controls="site-navigation" aria-expanded="true"><span>Menu</span></button>

Answer 1

You can add this CSS code to hide that menu:

.secondary-navigation, .menu-toggle {
    display: none;
}

Of course, that option doesn't remove it but just hide it.

To try to remove it, since I think you don't want to get rid of the Max Mega Menu you can try to go to Appearance > Menus and find the menu on top and check if it has any Display location checkbox marked so you can uncheck it.

I didn't find any options for a Secondary menu on its documentation so it's kind of weird.