Off canvas menu particle full width

[WaggingLabs]

Is it possible to have the particle fill the entire width of the off-canvas menu?

Here’s an example of what I have and what I’d like.

Thank you

[marc_a]

Hi @WaggingLabs,

Thanks for reaching out.

I suggest that you will remove the padding you set in your canvas menu to make the width 100%.

Hope that helps.

Thank you.

[WaggingLabs]

Hi @marc_a,

Thanks for an incredibly fast response. I was able to figure out the following workaround and am including it for other users.

The padding attribute is set under Close Size & Dimensions, which automatically hides the close button when removed. The workaround: Selected calc, but leave it blank. Then add the following CSS to enlarge the close button and move the menu down.

.x-off-canvas .x-off-canvas-content {
  padding-top: 70px;
}

.x-off-canvas .x-off-canvas-close {
  font-size: 200%;
}

[marc_a]

Hi @WaggingLabs,

We’re glad that you’re able to solve your issue. If you have any other concerns, feel free to reach us.

Thank you.