Top-menu is not full

some problem with top-menu

when i try hover over the xiaomi brand i cant to see more than 10 position of products

Do you have any ideas may be some scroll?

Here screenshot

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      #mainnav .sub-menu .sub-menu {
        left: 100%;
      }  
      #mainnav .sub-menu .sub-menu li a {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
        line-height: 12px;
      }
      #mainnav .sub-menu .sub-menu {
        width: 600px;

        li {
          width: 20%;
          float: left;
        }
          
      }
    }

Not really sure it would work best for your case, though. IMHO, massive sub menus aren’t recommended as it agains device’s height. There’s no code to implement scrolling behaviour for hover element. You might be able to meet the best solution with an extra menu plugin like mega menu.

https://wordpress.org/plugins/wp-megamenu/.

Regards,
Kharis

i like this solution, thx!

buuut how i can to remove this line? :slight_smile:

Screenshot is here

Hello there,

Try adding this code:

@media only screen and (min-width: 1025px) {
  #mainnav .sub-menu .sub-menu:after {
    display: none !important;
  }
}      

Regards,
Kharis

thanks a lot mate!
it great works!

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