[Resolved] slide out menu width

[sdanbu]

I would like the slide out menu to be the full width of any mobile device.

I read on https://generatepress.com/forums/topic/reducing-width-of-slideout-menu/ that I can use css to adjust the menu width
nav.slideout-navigation {
width: 270px;
}

Is there a way to say “width: [full screen of any mobile device]”?

[Leo]

Try this:

nav.slideout-navigation {
    width: 100%;
}

[sdanbu]

Thank you for all your help!

[Leo]

No problem!

[Ivan Cazorla]

I wanted to do that with my menu and set the width to 100% but then I’m not able to close the menu again, because the X is under the menu itself. How can I make the X to show up?

thanks

[Tom]

Hi there,

Couple options:
https://generatepress.com/forums/topic/slideout-menu-to-the-right-with-x-close-button/#post-385424
https://generatepress.com/forums/topic/slideout-menu-widget-area-and-close-x/#post-390603

Let me know if you need more info 🙂

[sdanbu]

yep

[Author]

Posts