Dropdown Menu too high

Public Ticket #17536

Conversation thread

Kochkunststuecke replied

5 years ago

Customer Reply

Thank you, I changed it to this and it worked very well:

@media only screen and (max-height: 900px) {
#navigation .menu .sub-menu,
#navigation .menu .children {
overflow: hidden;
max-height: 600px;
overflow-y: scroll;
}
}

@media only screen and (max-height: 600px) {
#navigation .menu .sub-menu,
#navigation .menu .children {
overflow: hidden;
max-height: 300px;
overflow-y: scroll;
}
}

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    #navigation .menu .sub-menu,
    #navigation .menu .children {
        overflow: hidden;
        max-height: 300px;
        overflow-y: scroll;
    }
}

This code only applies to the small screen. Change 300px to your custom height of the sub-menu.

Regards,
PenciDesign.

Kochkunststuecke started the conversation

5 years ago

Conversation Start

Hi there,

we have a long dropdown menu, this is not fully showing on smaller screens. Can you add a scrollbar or break it in two columns if the height is not enough?

Thank you

Want to join this conversation or access attachments? Sign in first.