[Resolved] Off canvas panel too long – scrolling

[Stephan]

Hello guys,

I am using the off canvas panel and put some widgets in there. The content makes it so long that one had to be able to scroll to the bottom of the off canvas panel – but that is not possible. Can you help me with that?

Thanks a lot,
Stephan

[David]

Hi there,

try adding this CSS to add some padding below the navigation which will provide it room to scroll:

.slideout-navigation.do-overlay .inside-navigation {
    padding-bottom: 100px !important;
}

[Stephan]

Thanks David. I put it in but no difference.

[Ying]

Hi Stephan,

Not seeing a long off canvas panel, so it’s kind of difficult to imaging the issue.

As your off canvas panel is NOT using overlay style, so remove .do-overlay from David’s CSS, then the padding would apply.

And add this CSS to make it scrollable:

nav#generate-slideout-menu.slideout-navigation {
    overflow: scroll;
}

[Stephan]

Hi Ying,
it works perfectly with just your CSS.

Thank you very much!

[Ying]

You are welcome 🙂

[Author]

Posts