Vertical Menu - Sub Menu position

Does anyone know a way to nestle the sub-menu on a vertical menu underneath it’s parent (in this example: “Portfolio”) page so that it doesn’t end up looking like this:


And if that’s not possible - is there anyway to at least move it closer to the main menu?

Any help would be SOOOO appreciated!

You can place the fields under portfolio and make sure they are set to Collapsed on load. Then you can use an event such as onClick or onMouseIn to expand the field.

Something like this…

export function Portfolio_click(event) {
//trigger
$w(“#people”).expand();
$w(“#sportsfigures”).expand();
$w(“#abstract”).expand();

}

export function Portfolio_mouseout(event) {
//trigger
$w(“#people”).collapse();
$w(“#sportsfigures”).collapse();
$w(“#abstract”).collapse();

}

1 Like

Thank you, ericswarfield ! I’m not very advanced with code - so I’m not sure how to do that. Is there a link to a resource you would recommend?

Hi @kristine , here is a link to a help article that uses the same concept. This article shows you how to use the collapse and expand functionality. Hope this helps!

https://www.wix.com/corvid/example/collapse-elements?experiment_id=wix%2Bcode%5Ep%5E349131986359%5E1t1&gclid=Cj0KCQjww47nBRDlARIsAEJ34blFmH96niR7FVIMbRP0XLcqisahKy8RNNEwZTAKhJCrEXCg8PM8TOEaAtc2EALw_wcB&utm_campaign=1717142389%5E68737831597&utm_medium=cpc&utm_source=google

1 Like

Thank you!

@kristine No problem. Good luck!