Hide Off canvas panel on tablet

Hi there,

I believe what you are wanting to do is to lower the mobile menu breakpoint:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Let me know if this helps :)

Isn't it possible to hide the icon on Tablet mode with some css?

Ahh I see what you mean.

Try this CSS:

@media (min-width: 769px) and (max-width: 1024px) {
    .menu-bar-item.slideout-toggle {
        display: none;
    }
}

You can fine-tune the breakpoint as you see fit.

It worked, thanks. And there's some issue with secondary navigation in mobile. The first four items are not displaying in mobile view. Can you please help in fixing that?

Can you open a new topic for the separate issue if you haven't already?

I'll mark this one as resolved.

Thanks!