▼
Streaming live at 10am (PST)

Xtra menu only showed on a specific page

Design help General
#1

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.

#2

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”

#3