Dropdown/Multilevel menu need to be style

I have tested it and found that enabling the "Show as expanded" option in the Home menu link settings allows the dropdown menu to function properly.

Hi o_tymoshchuk,

Sorry, I didn't explain it right. The dropdown/Multilevel menu needs style on hover.

Hi,
Please replace this code
tr:hover,
tr:focus {
color: #232429;
background: #f5f8ff;
}
with this
tr:hover,
tr:focus {
color: #232429;
background: #adc9f7;
}
in /core/themes/claro/css/components/tables.css It works for me here I attached a screenshot.

Hi @bunty oberoi ,
Please Review comment #6.

Resolution

Problem #1 - 3rd level item i.e book in this case isn't displayed (not part of markup at all)

Resolution: First from the block configuration at admin/structure/block/manage/ajans_main_menu for block `Main Navigation` change Number of levels to display to 3 or more (in this case 2 won't work because book is at 3rd level.

Problem # 2 - Styling the nested menu to react on hover.
Resolution: Moreover to style the nested menu, her's the CSS code patch. I will raise a PR as well.

A slight fix.

@isalmanhaider Thanks for the Work

I am not able to apply Patch it makes an error when I applied patch, please check.

git apply -v 3356785-dropdown-menu-style-1.patch
Checking patch css/theme.css...
error: while searching for:
  /* 1 */
  display: inline-block;
}
/* 2 */
.uk-input:not(input),
.uk-select:not(select) {

error: patch failed: css/theme.css:1515
error: css/theme.css: patch does not apply

try git apply 3356785-dropdown-menu-style-1.patch

@isalmanhaider

Thank you so much

I got it now it looks good moving to RTBC

I have reviewed & Implemented the #patch13 on my Drupal website having version 9.5, PHP version - 8.1
It is working fine for me.
And Thank You.

Automatically closed - issue fixed for 2 weeks with no activity.