Move the Mega Menu(Panel) Higher to cover the button and stick to the top of pag

Hi bieguaji,

Thanks for the screenshot. I think the closest you can get is to set the Effect (Mobile) to one of the Off Canvas options. That will give you a full height (and almost full width) mobile menu.

Regards,
Tom

Thank you for your reply, Tom. I tried your solution but to acheive that, I needed to set the Responsive Breakpoint to very large so regular PC monitor will have that effect. Also, it still cannot move the panel to the top of the page. Is there anything else we can do to adjust the padding or height of the panel itself to make it stick to the top of the page or header block so it covers everything on the top to become a half fullscreen menu?

Here is a screenshot after I tried the mobile menu method: https://imgur.com/a/INDgVHc

I am using gutenberg wordpress default block editor to edit the website by the way.

Hi bieguaji,

I see, I think you’re trying to make a full screen menu hidden behind a toggle icon for all screen sizes? If so I’m afraid I don’t think MMM is the best solution for this, primarily it is designed to show a standard menu bar on desktop screens and a mobile menu on smaller screens. The problem you will run into is a double toggle icon on mobile or a desktop menu with a mobile layout – neither of which are ideal, and trying to change the code to make it work would be a battle.

I think it would be better to use a plugin that is more designed to what you’re looking for out of the box – the term to search for would be ‘full screen menu’, there are a few on codecanyon you could look at.