Sub Menu Issue

Hi there,

Can you try increasing the sub-menu width with one of the options here?
https://docs.generatepress.com/article/menu-item-height-width/#sub-menu-item-width

Let me know :)

I applied the fix using the above methods and its working fine on big screens but on smaller screens like laptops the menu is getting extended beyond the display area.

https://imgur.com/JhIjH4V

Can you please help me fix it?

Hi there,

you can change the side that Sub Menus open on in Customizer > Layout > Primary Navigation.
Or consider NOT having that item at the end of the menu.

Is there any way that I can make the sub-menu item appear below the main menu item?

Also, the above issue reappeared when I changed the size of the menu items.

https://i.imgur.com/tErXzB4.png

We can make it so the items open below the menu but you would need to change the sub menu open from hover to click ( or click arrow ) in Customizer > Layout > Primary Nav.

If thats ok, make that change and let us know.

And to keep the toggle inline add this CSS:

.main-navigation .main-nav ul ul li.menu-item-has-children>a {
    padding-left: 15px;
}
.menu-item-has-children ul .dropdown-menu-toggle {
    padding-right: 15px;
}

I am not sure if my visitors will enjoy clicking to see the menu. Is it possible to have the same functionality in hover?

Is it possible to have the same functionality in hover?

Unfortunately, it has to be set to click.

ok thank you

No Problem :)