Navigation Menu not working - Wordpress - css

We are using a wordpress site (v 4.5.1) with the Impreza theme 1.10.4. After I upgraded Wordpress it seems like the navigation menu disappeared.
The site is located here: https://electratherm.com/
I got the top level (parent) navigation to appear by adding this css code:
.w-nav-list.level_1 {
display: block !important;
}
Now I have the problem that my sub-level (child) menus are not appearing. I don't know if this has to do with the latest Wordpress upgrade but I really need those submenus to work.
Just for reference there are sub-menus under just about everything except Home and Contact Us.

Console shows a JavaScript error related to: .w-nav-item a[href*=#]
This is very likely preventing the rest of the JavaScript from firing that controls the menu items. Adding display: block overriding none on top level menu rollover.
Do you recognize that bit from anywhere in the theme JS files? It would be easiest to do a "Find In Files" type search of all theme files to locate this problem code and fix.

Related

Wordpress menu items not clickable - No URLs in anchor tag

I'm having a strange issue regarding a Wordpress menu.
Menu items will get added to the menu list but they are not clickable and do not have any URL associated with their anchor tags.
So far I've tried disabling all plugins and changing themes but the problem persists. I also resaved the permalinks to see if it would fix the problem. Finally, deleting all menu items and rebuilding the menu did nothing either.
Here is the site: https://www.kidsplayandcreate.com
It is the primary menu that is not clickable. And the mobile version of the menu doesn't work either.
Additionally, it doesn't matter how the menu item is added, as a Page, Custom Link or otherwise. It has the same result.
The href property does not exist in the a tag
google chrome developer tools image
The first step is to check the WordPress log error file

Mobile menu not clickable when submenu is expanded

I’m working on a website for a client and use the Neve theme. I setup the basics (still have to make most pages), but I noticed the mobile menu isn’t clickable when the submenu is expanded. I can’t figure out why this happened, it worked before.
On desktop the menu works like it should.
Website: https://www.by-denn.nl/
After you click to open submenu on mobile, some div with class ".nav-clickaway-overlay" shows up. Just add this in your style.css
.nav-clickaway-overlay { z-index: 0 !important; }
I had the same problem on the pages or post when the function of "Remove unused CSS" of my WP Rocket plugin was active, once I deactivate this function the menu returned to work.
I hope this was helpful.
It is important to check page by page because even if you disable the function in the administration, it can sometimes still be connected to the page or post with the error.

WordPress backend menu items not loading

On our website, we use the Ubermenu plugin. As I was creating a menu within WordPress' backend, the menu items suddenly no longer appeared. I've disabled Ubermenu and a bunch of other plugins but they just won't show. Has anyone come across this before?
Edit to add: Also, I just noticed that the Screen Options and Help tabs on the top of the page also don't work. But work fine on every other page.
There are some js errors in console?
Or, do you edit some files inside wp-includes folder?

Algolia Search Not working with Genesis theme in WordPress

I am trying to get Algolia Search to work on Genesis child theme.
I have downloaded the Beta WordPress plugin from https://github.com/algolia/algoliasearch-wordpress. While I can see that network wise, everything works well, the Search Results do not show up in the AJAX drop down just below the Search Box.
Another interesting observation is that while the main Search Bar on the front end of the website does not show any results, the small Search bar within the Admin menu on the top right corner of the page does show the results. That is because the Algolia code attaches to any DOM element with [name="s"].
However, I have checked using the Inspect tools that the Main Search bar is also surrounded by Algolia <span class>. As I type into the Main Search Bar, I can see the DOM changing dynamically to add the <div> tags containing the search results. So I know that the network piece is working.
Any ideas or suggestions on what to try?
Other things I have tried:
I placed the Search bar in the footer as well (thinking that maybe the opacity might be a problem in the header). Same result
I have tested the same plugin on a similar site (with identical plugins) but with a non-Genesis theme. It works fine. That is why I have concluded that this might be related to Genesis.
As I stated above, when I type in the Search bar in the top right corner within the WordPress Admin menu, it does work.
For anyone else that is trying to get this to work on genesis, here is the CSS change:
The issue is that the parent .search-form is configured with a weird "overflow: hidden". To fix your theme, just add the following CSS rule:
.search-form {
overflow: visible !important;
}
A new version of the plugin was released recently, 0.2.6 at the time of writing this.
In the new version, the dropdown is no longer injected in the same container as the search input container but is attached to the document instead.
You should no longer need to tweak the CSS like it is shared in your own answer.
You can download the latest version from: https://community.algolia.com/wordpress
Best

Navigation Icons in WordPress

I installed a new theme in WordPress and I found the navigation/menu for this theme in mobile view is Icons Menu not horizontal menu as in normal browsers view
Check this picture:
http://oi58.tinypic.com/2q3xaw0.jpg
Which part in the theme files is responsible for this issue?
CSS? or any other php file?
In Chrome right click the menu bar and select "Inspect Element".
Now you can inspect the elements on the page and see what ID or Class they have.
Search the Theme folder for a file called custom.css, here you can add new css styles that will override the old ones. Now you can redesign the menu bar as you like.
Or,
There may be a menu setting in the wp-admin backend of wordpress. Check the wordpress sidebar on the left for a new item named 'your theme' and search the options for menu settings, you may be able to check a button to change it there.

Resources