Navigation bar menu problem

Hi.

There seems to be a problem with the navigation bar of the site. The navigation bar is fine but the sub menus of drop down menus are long so they are going down from the display and we are not able to see them. please tell us the way to fix them.

Hello there,

You should keep the sub-menu in a short list because screen height limitation. You might need to separate them in another page, and link it to the bottom sub-menu item, which reads “More …” or something.

You could also reduce the top/bottom padding of each sub-menu item by adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 993px) {
      .main-navigation ul ul.sub-menu li {
        font-size: 14px;
      }
      .main-navigation ul ul.sub-menu li a {
        line-height: 16px;
      }
    } 

Regards,
Kharis

hello Kharis,

Thank you so much for your reply. My problem is solved now!!! thanks again.

Regards,
Mayank

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis