Off-canvas menu last items cannot be displayed on mobile view

archaggelos

Hello team,

I have a minor issue on Off-canvas menu on the mobile, last items of the main menu cannot be displayed when I am scrolling down, they are hidden, it seems that height of the off-canvas menu cannot hold all the menu items.

Please advice what to do.
Thank you and regards

Ninja

archaggelos
Hi
Since there is large no of menu item. when you open the site in mobile you scroll the menu item on off-canvas sidebar : http://prntscr.com/oyx9oh
and it will display all the menu items.

archaggelos

Hi,

thank you for the reply. Obviously you can scroll down on off-canvas sidebar and get displayed all items but in my case I have created an android application which is displaying website through webview and at the bottom of the screen I have an application's menu that is hidding the latest item (i.e. GDPR menu). That is my problem. So the solution to my problem is off-canvas menu height need to be smaller in order to fit to the screen (it think so). Is there something else that you propose?

Please advise as well
Thank and Regards

Ninja

archaggelos
Hi
The height is already 100% of the screen height it show all menu, for further below it needs scroll. this is normal for any webpage working.
About the App i am not sure, i can help if its something need to done on site, as i am a app developer.

archaggelos

Hi again,

if we set height not to have 100% it is not a solution to my problem?

I am not asking help on the app just to modify off-canvas menu height in order to take less place of the screen. Scrolling will remain as it is. Make sense or I am missing something?

Thank you

Ninja

archaggelos
Hi
To set a max height add this code in custom.css file

.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {max-height:580px;}

change the height as per your needs.

Regards

archaggelos

Hello Pankaj,

it works great!!!! Thank you