Streaming live at 10am (PST)

How to set the Current pseudo class when using multiple navigation bars


#1

Hi, is there a way to set current state for two levels in navigation? I am creating a site with sub menu, but only level two/sub menu has current state after I navigate deeper into the site. I would like to have current state on both selected category in main menu and sub menu. Here is the site example:

Index: http://timeout.webflow.io/
Category selected in main menu: http://timeout.webflow.io/behandlinger/behandlinger
Category selected in sub menu: http://timeout.webflow.io/behandliger/reparende-spesialmaske-for-voksen-meget-torr-hud

-Thor


#2

Hi @biodust, this is something I did in a demo a while back - it may not be 100% what you're trying to achieve but might get you pretty close.

Demo: https://webflow.com/website/Demo-Kit
Page Title: Multiple Navigation Bars

Hope this helps! :smile:


#3

Hi, @thewonglv , the effect you have created is the one I'm after, but your approach uses one url and section nav. Then you are able to achieve it. My site is using url twice to get to the level two page, not sure if it's possible then? This would be a really great feature, and a good way to tell the user where he is in the sitemap. A user friendly feature that I mean is best practice. Please advise.

Love webflow and the new cms btw :smile:

-T


#4

Fixed it with some javascript :smile:


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.