In the main menu some links are not accessible

Hello,

I adjusted the padding in the main menu to better differentiate between first-level and second/third-level items. This update should improve the appearance of long dropdown menus. The changes are available on the demo site—feel free to check them out. If you’d like to customize the dropdown menu padding in the sub-theme, you can test it with the following:

.solo-inner .navigation__menubar:not(.navigation__megamenu) li li.nav__menu-item>a,
.solo-inner .navigation__menubar:not(.navigation__megamenu) li li.nav__menu-item>button {
  padding: var(--solo-px6) var(--solo-px12);
}

Best wishes,
Alaa

I tried the css, but it doesn't work.
See Firefox → CTR + SHIFT + M → 1280 x 756
The APPROFONDIMENTI menu does not show the latest links.

A solution could be to have the possibility to lock the main menu, so it scrolls with the page.

Thanks and best regards

Hello,

The first level of the main menu remains sticky when scrolling, but the dropdown menu is not scrollable. If you have too many items in the dropdown and are using a low-resolution monitor, you can adjust the padding in the dropdown to improve visibility.

The attached screenshot shows the menu at 1280 × 756 resolution after updating the padding to 3px 12px.

Use the following code to target the dropdown menu. If it doesn’t work, be sure to clear the caches.

#page-wrapper .navigation__menubar:not(.navigation__megamenu) li li.nav__menu-item>a,
#page-wrapper .navigation__menubar:not(.navigation__megamenu) li li.nav__menu-item>button {
  padding: 3px 12px;
}

Best wishes,
Alaa

The css still doesn't work. The cache has been emptied dozens of times.

Thanks and best regards