[Resolved] Menu Item Width

[William]

I’ve used this (successfully) in the past as a solution to this issue:
https://docs.generatepress.com/article/menu-item-height-width/#sub-menu-item-width

Now seeing something weird though, on only one sub-menu navigation item, the content is wrapping, but for the others it is not.

This is what I ended up having to put into place.. but it’s not ideal, if the client changes a navigation item title this margin-right width will need to change.

/*Auto adjust width to match the longest sub-menu item*/
.main-navigation ul ul {
    width: auto;
    white-space: nowrap;
}
.main-navigation ul ul .menu-item-has-children {
    margin-right: 50px;
}

IMHO, I think Automatic Sub-Menu Item Width should be an option in Customizing ▸ Layout ▸ Primary Navigation

[Leo]

Hi there,

This really hasn’t come up as an issue very often as most people don’t keep changing the title of menu item often.

We really try to only add options that are useful for the majority of users to avoid bloat and provide custom solutions like this when needed.

We’ll definitely keep your suggestion in mind. If this comes up more often we will definitely consider it.

Thanks for your input!

[Author]

Posts