Xtra menu only showed on a specific page

Hi guys I have a quick question. I have a side menu, where I need 3 xtra menu points only to be showed on a specific site. How do I do that?

perhelge.webflow.com
https://preview.webflow.com/preview/perhelge?preview=0571ebf109243825c61d648099ec462b

As you can see for now. The 3 “submenu points” are showed on every page, i just want them to be showed when you are on the page “Djøf med løgn II”

Thanks guys.

Within Webflow Designer Ui, you’re not going to be able to. As your menu is a Symbol, it’s going to be the same for all the pages.

However CSS can help you do that. By giving a class to your body element (for example “djofmedlognII”), and adding some custom code, you’ll be able to hide these su items from the desired page.

The following code:

.hiddenmenu {display:none} body.djofmedlognII .hiddenmenu {display:block}

basically says: “don’t display elements with the class .djofmedlognII, but then display the element with a .hiddenmenu class when it’s under a body element with the class .djofmedlognII”