Menu not showing all menu items in hamburger menu

[johanb]

Hi,

If you take the example: https://www.okler.net/previews/porto/10.2.0/feature-navigations-sub-title.html and view it in a smaller window size, the menu changes to a hamburger menu… however, when you then open eg: features in that hamburger menu, not all the menu options are shown. I think it has to do with the display:flex. Can you provide an update of the css so that the full menu is correctly displayed in the different screensizes. TIA. Johan

---

[Support]

Hello, thanks for your purchase.

Sorry but I could not see that problem, when I open that menu I see this:

Can you please provide some more details?

Thanks.

---

[johanb]

Hi,

If you select eg: responsive or IPhone 12 Pro you’ll see it.

Kr,

Johan

---

[Support]

This reply has been marked as private.

[johanb]

Hi,

Well you actually show it in the video you’ve recorded.
You scroll down in the menu and OK, then everything is there.

But there is like no scrollbar, so nobody knows that they need to scroll INSIDE the menu…

If you just scroll down in the ‘window’ then you don’t see all the menu options.

In my opinion, if you open a menu in such a mobile device (hamburger layout), then the items for that menu option that you’ve opened should be displayed completely (all other content should be moved down), so that if you scroll down you see all the menu options.

How it is now, a natural reaction is to scroll using the scroll bar of the window and you don’t see all the menu options.

Hope you understand what I’m trying to explain here.

---

[Support]

Hi, OK, sure, I got it now. This is actually the first time someone complains about that in all these years 🙂

To change that you can simply remove the max-height property of that navigation on mobile, so it will go along the screen and use the same scrollbars from the browsers (not only in that area).

Add this:

(css/custom.css)

@media (max-width: 991px) {
    #header .header-nav-main nav {
        max-height: none !important;
    }
}

Kind Regards.

---

[Author]

Posts