'Current' class on child pages

[WillPrice (Will)]

Hello.

I’ve been here before but I still haven’t found an easy webflow solution for this issue.

How do I get a ‘Current’ state on a navbar object to stick on child pages?

I had a workaround that used a bit of custom code but it produces unexpected results. It also switches the ‘current’ style on in the home navbar and subnav links on the subpages.

Here’s the previous forum discussion

Current pseudo classes on sub pages

Hello. I have the same issue but find myself scratching my head. I’ve built my main nav using a navbar element and set it as a symbol site wide. I’d like to keep the pseudo ‘Current’ class for any sub pages within each section. Do I have to rebuild my site nav using something dynamic instead to achieve this? If so, can anyone link me a tutorial, I’m stuck. Thanks Will Continuing the discussion from Current Nav state for multiple pages:

Does anybody know of a robust way to implement this just using webflow? The section with the issue is the ‘Attractions’ section on the site below.

Thanks in advance.
Will

---

Here is my public share link:
https://preview.webflow.com/preview/blairdrummondcarvanpark?preview=c93638170d098260a9828a4f455f2b98

Here is the published link:

Local Attractions | Blair Drummond Caravan Park

[Daniel_Schultheiss]

Why didnt u you use a tab-widget?

[WillPrice (Will)]

I thought about that but want to keep the pages separate for SEO.

[WillPrice (Will)]

Can anyone advise? I’d really appreciate some pointers. Thanks.