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,
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

You can apply the patch by using the command git apply 3356785-dropdown-menu-style-1.patch.

Alternatively, you can switch to the branch that contains the fix and test it. You can find the branch with the fix at the following URL: https://git.drupalcode.org/issue/ajans-3356785/-/tree/3356785-dropdown-menu-style.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.