Archived topic
Make offcanvas panel not full width
5 replies · Started by Bob on December 31, 2021
I'd like the off-canvas menu to be about 80% mobile screen width, aligned right. I don't see any settings for this. Can it be accomplished using CSS?
Hi Bob,
Choose slideinstead of overlay at customizer > layout > off canvas panel > style.
https://docs.generatepress.com/article/off-canvas-panel-overview/#style
Let me know if this helps :)
Thanks! But the .slideout-overlay is still 100% width beneath it, so it still appears to be taking over the whole screen. Is there a setting that I'm missing, or do I need to override that through CSS?
Can you link me to your site?
I've put the development location in the 'private information' field.
Hi there,
what you're seeing the overlay that gets displayed over the entire content when the off canvas is open.
If you go to Customizer > Colors > Off Canvas and set a solid background color you will see the canvas only occupies part of the screen.
With that done you can if you want is to hide the overlay with this CSS:
.slideout-overlay {
background-color: transparent !important;
}