Main Navigation is totally broken, needs to be styled.

tanushree gupta → made their first commit to this issue’s fork.

I have styled the main navigation, but there are additional adjustments needed for the block layout. First, we need to place the block of main navigation and site branding in the header. You can see the placement of blocks in the screenshot I will provide. In the main navigation block, please uncheck the checkbox labeled 'Display title' so that the title of the block does not display. Additionally, if you want the submenus in the main navigation to expand, please select the option 'Expand all menus' from the main navigation block settings. Regarding the breadcrumbs, they are currently in the header section. We need to remove them from the header and place them below the header. I have styled the main navigation and submenus for both desktop and responsive devices according to the theme.
I am attaching screenshots for reference.
Here is the MR: https://git.drupalcode.org/project/darcula/-/merge_requests/18

Hello @tanushree gupta,
I have reviewed MR!18, and it looks good to me. I installed version 1.0.0 of the theme and followed the steps for block placement and menu configurations. I was able to reproduce the issue, and the MR!18 applied cleanly. While the menu design has improved, I noticed that the site name and logo were displaying in a column format on my end. Upon rechecking the MR, I found that the styling is applied to the id #block-sitebranding-2, but the actual id for site branding is block-darcula-sitebranding on my end. This mismatch contributes to an increased height in the navigation.

Additionally, I placed the nested menu item at the end and encountered an overflow issue when it expanded on hovering. On responsive devices, the design looks good; however, it would be preferable if the hamburger menu had a cross icon when in the open state. I've attached a screenshot for reference. Moving on to NW.
Thanks