Join the Webstudio community

Updated 2 months ago

Radix duplicate of navigation menu item, how to move that below it's parent?

At a glance

I've duplicated LOCATION, renamed the duplicate to INTERIORS, but the Menu Content stays on the exact same position as the LOCATION. I've been looking around the display settings and positioning, but I'm a little lost. I would like to have it moved to the right below INTERIORS. Anyone any idea why this happens?

Attachment

10 comments

RRonald from 360Creators

Attachment

JJohn Siciliano

Radix unfortunately does not have a feature to position the dropdown according to the parent. couple things you can do...

RRonald from 360Creators

Ahh okay, so it's not me 😁

JJohn Siciliano

put dropdowns in navigation menu and static links outside of it so the dropdown is centered to all dropdowns and not entire menu

make dropdowns wider so they are at least still under the parent

JJohn Siciliano

heres more info and a feature request i have to somewhat combat it https://github.com/webstudio-is/webstudio/issues/3956

RRonald from 360Creators

Thanks, I'll try now

RRonald from 360Creators

So you would duplicate a dropdown Menu Item and make the Menu Content wider so that it's at least under the parent, even though it's much larger now?

RRonald from 360Creators

And move out the links from the Navigation Menu

RRonald from 360Creators

I think I solved it now by just having only that one single dropdown in the Navigation Menu and duplicating the complete Navigation Menu. Now it actually shows it where it needs to be. Not super clean, but it works.

Attachment

JJohn Siciliano

ha that works too I guess. nice

Add a reply