Site logo

Archived topic

Make offcanvas panel not full width

5 replies · Started by Bob on December 31, 2021

Viewing posts 1–6 of 6

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?

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;
}
This archived topic is closed to new replies.