Off Canvas Panel width settings on mobile

Hi there,

This should help:
https://generatepress.com/forums/topic/off-canvas-menu-items-behind-overlay/#post-1623738

Hello,

Thank you but I can't still make it 100% wide on mobile. I managed to make slideout-overlay transparent and the height is now 300 px. Can you check out the CSS? I'll provide you login details.

Have you considered the Overlay style so it will be 100% width by default?
https://docs.generatepress.com/article/off-canvas-panel-overview/#style

Let me know :)

In that case how can I move the close button to the upper left corner? Just like it is when I activate Slide Style.

Any chance you can link me to the page in question?

Thanks :)

Will do.

Try this:

@media (max-width: 768px) {
    .main-navigation.slideout-navigation.do-overlay .slideout-exit {
        position: fixed;
        left: 0;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

Works like a charm. Thank You!

No problem :)