Disabled and/or blank menus showing in mobile views
-
I am using conditional menues to create “sub-site” navigation. The Top Bar Menu is the global navigation, while the Primary Menu changes based on which top-level section you are in.
For example, when I am in one of the events, the Primary Menu is specific for that event: https://oilvalleyendurance.com/events/roughneck-gravel-roubaix/
While in some top-level areas, I would like the Primary Menu to be blank: https://oilvalleyendurance.com/partners/
The problem is that the “Menu” call to action (CTA) still shows in the mobile view when it is disabled, a blank menu, or both. When I click on it, it shows a blank sub-menu. Initially, I thought I had the link for the foreground and background set to the same color. No, it’s just a blank slide-out.
First, I tried creating a menu with no items and setting that as the primary. I created conditions for certain pages to display the corresponding menu for that section. The logic to display those menus worked fine, but the Menu CTA still showed for the blank menu.
Next, I tried to disable the blank menu on the pages where I would like it to be blank. I did not notice any change. I also tried to disable the menu as the first condition, and as the last, just in case order mattered.
Lastly, I also tried adding a function to disable menus on specific pages (based on page ID). Unfortunately, that didn’t work, as it disabled both the top and primary ones.
Site specs:
- WordPress version 6.5.3
- Theme: child theme of Guten (https://kairaweb.com/wordpress-theme/guten/)
- Active plugins
- Akismet (5.3.2)
- Conditional Menus (1.2.5)
- Contact Form 7 (5.9.5)
- Jatpack (13.4.3
- Jetpack Boost (3.3.1)
- Site Kit by Google (1.127.0)
- WordFence Security (7.11.5)
The page I need help with: [log in to see the link]
- The topic ‘Disabled and/or blank menus showing in mobile views’ is closed to new replies.