Content not updated on page transition
-
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 Hi Marius, any updates on this? I can't launch this website before this crucial issue isn't resolved...
-
-
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 -
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; }
-
@arminunruh Great, thank you Armin. It's working well!
-
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?
-
Dear @brogr
I will let Armin know.
Thank you!Marius
-
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.
-
Alright, sent you an email.
-
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-worldBut 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-genevaAs far as I can see the problem is that your project you referred to is not linked in your menu at all.
-
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.
-
I see, I fixed it on your website and it will be included with the next update!
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it