Menu, cannot arrow down to select sub-menus

Jeremiah Lydia

• November 05, 2021 22:27

When we hover main menus that contain sub-menus, the sub-menus disappear without allowing us to select any.

Watching carefully I see where the main menu item looses focus for a fraction of a second while the mouse goes below it.

Plugins: 2.3.18 & 2.3.14 (Pro)

https://simmonscollegeky.edu

0

• 

  Permanently deleted user

  • November 06, 2021 11:27

  Hi Lydia,

  Thank you for getting in touch with us.

  I just checked your site and the sub-menus appears and I could select it,  everything works well. Please see this video.

  Best regards, Nelea.

  0
• 

  Jeremiah Lydia

  • November 06, 2021 14:20
  • Edited

  Hey Nelea,

  The only thing I did was apply the CSS block you guys suggested:

  Appearance-->Customize-->Additional CSS

  @media (min-width: 991px) {
     .brz-menu__ul > .brz-menu__item-dropdown > .brz-menu__dropdown {
        top: calc(100% + 1px) !important;
     }
  }

  This made things worse by creating a gap between the menu and sub-menus.

  So, I removed the CSS, Published the changes, and my menus worked as expected.

  Why did that seemingly work?

  -JL

  0
• 

  Permanently deleted user

  • November 08, 2021 08:23

  Hi,

  Yes, you are right, I have inserted your CSS in my page and I could reproduce this issue. So this CSS was incorrect, that's why it didn't work. You should modify the CSS.

  Best regards, Nelea

  0
• 

  Jeremiah Lydia

  • November 08, 2021 13:29

  How exactly should I modify the CSS?

   

  0
• 

  Denis B

  • November 08, 2021 15:14

  Hi Lydia,

  Possibly the problem was in cached files. When you re-saved changes, cache was purged and now everything works properly.

  Let us know if you will have any other questions.

  Best regards,
  Denis.

  0

Please sign in to leave a comment.