Vertical Menu - Sub Menu position

Ask the community
,
1

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:

1266×609 374 KB

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!

2

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.

3

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();

}

4

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?

5

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

6

Thank you!

7

@kristine No problem. Good luck!