Large menu on smartphone in landscape

wiwo

On a smartphone in landscape mode, you can't see all menu items. In portrait mode you can scroll down but not in landscape mode. In this sample, item "Profiel" is not visible.

dominic

Hi wiwo,
You can add the following CSS code to your template:

@media (max-width: 767px) {
.t3-mainnav .t3-navbar-collapse .navbar-nav {
    max-height: 220px;
    overflow-y: scroll;
    padding-bottom: 50px;
} 
}

wiwo

Works fine. Thank you

wiwo

Damn, I can scroll now but I still don't see the last menu item.

dominic

Hi wiwo,
I have checked on our devices and the menu on the mobile is scrolling fine. I can see the last menu item. could you let me know the device that you checked? or send me a screenshot for the checking.

wiwo

Device = Motorola G5.

Screenshots portrait/landscape attached

wiwo

Portrait image was not good. Better now.

dominic

Hi wiwo,
Please remove the previous CSS code that I provided, and you can use the following code:

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
}

Note: You can down the height to check the result on your device.

wiwo

Sorry, doesn't work either. Same result.

wiwo

This message is visible to Moderators only

hidden content

dominic

Hi wiwo,
I can not access your site, the admin account does not work. Could you check it?

wiwo

Sorry, works fine now.

https://agkvg.be/administrator/

dominic

Hi wiwo,
I have updated the CSS code in the custom.css file.
Also, I have tested the site on Device = Motorola G4 and the menu works fine.

wiwo

I was a week on holiday, so I saw your response only now.
Indeed, this works fine. Thanks a lot!