Content not updated on page transition

[brogr]

I'm experiencing an odd behaviour, or a bug, with a website I'm setting up with Lay Theme: https://2019.nomadicarchitecture.ch/

When you use the menu to navigate from category (e.g. Projects) to sub-category (e.g. Newspaper), the sub-menu disappears. However, when you manually (re)load the url of the sub-category (https://2019.nomadicarchitecture.ch/projects/newspaper), everything is fine.

Similarly, when navigating from the sub-category (e.g. newspaper) to a different parent-category (e.g. Clients), the old sub-menu remains visible, overlapping with the new one. Again, manual (re)load does the trick.

It seems that the menu-items don't get their classes updated properly on click / page transitions via JS.

My browser is Chrome 75.0.3770.100.

[mariusjopen]

Dear @brogr
good question. We will look into this.

Best!

Marius

[brogr]

@mariusjopen Hi Marius, any updates on this? I can't launch this website before this crucial issue isn't resolved...

[mariusjopen]

Dear @brogr
we will check again!

Best!

Marius

[arminunruh]

Hey so

I see you're using Custom CSS that uses the class "current-menu-parent"
That class is not set by lay theme and I will try to fix this now

[arminunruh]

Ok, I'm releasing a small lay theme update today that properly sets "current-menu-parent" classes. Please use only these to make your type of submenu work.

Like

.current-menu-parent .sub-menu,
.current-menu-item .sub-menu{
    display: block;
}

.sub-menu{
    display: none;
}

[brogr]

@arminunruh Great, thank you Armin. It's working well!

[brogr]

Actually, this isn't working properly yet: When you access a project directly through the URL (rather than through JS via the menu), the parent menu item only gets the class current-post-ancestor but not the current-menu-parent one, resulting in the submenu being invisible. Could you please look into this again?

Example:
https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva/ibm-telecom-geneva-1-world

[mariusjopen]

Dear @brogr
I will let Armin know.
Thank you!

Marius

[arminunruh]

Hey, I can see the error happening on your website. However, I cannot reproduce this on my lay theme. Can you send me your /wp-admin/ login and your ftp login data to info@laytheme.com ?

I will need to test and fix this on your website.

[brogr]

Alright, sent you an email.

[arminunruh]

Hey, after further investigation,

I see the project you are refering to is this one:
https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva/ibm-telecom-geneva-1-world

But the project that is shown when clicking on the menu item "projects" -> "World Exhibitions of Telecommunications, Geneva" is this one:
https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva/

Also when you refresh this project, you'll see the menu works as expected:
https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva

As far as I can see the problem is that your project you referred to is not linked in your menu at all.

[brogr]

Hi Armin,

https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva/ is a category, not a project.

The project is https://2019.nomadicarchitecture.ch/projects/world-exhibitions-of-telecommunications-geneva/ibm-telecom-geneva-1-world -- but it's concerning all of them, so you can click on any of them.

[arminunruh]

I see, I fixed it on your website and it will be included with the next update!