Mobile menu button disappearing and menu going out of screen

Hi Sydney team,

I have two issues with my Sydney theme.

  1. menu button disappears on mobile devices
  2. when menu items are many they go outside screen

I attach link to my website and also few screenshots
https://www.av-light.bg/

Hello there,

It isn’t recommended to use longer menu items when they are under sub-menu. As it will against the screen height. Perhaps we might be able o change the font size, but not sure whether it is an ideal solution or not. But you might try it by adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .mainnav ul.menu > li .sub-menu .sub-menu li a {
       line-height: 13px !important;
        font-size: 13px !important;
      }
    }

If the code doesn’t meet your requirements, I’d recommend you use a separate page which contains all the links for your visitors to navigate, and add this page to your main menu.

For mobile menu button, add the below CSS code Appearance > Customize > Additional CSS from dashboard.

    .btn-menu .sydney-svg-icon {
       fill: #000;
    }

Regards,
Kharis
aThemes Support

Thanks for the quick support!

1 Like

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
aThemes Support