Mobile menu not clickable when submenu is expanded - css

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.

Related

(Wordpress Avada Theme) Anchor links not working on mobile

I'm building a website for a client in Wordpress using the Avada Theme and for some reason, my nav bar anchor links are not working at all on mobile (when I click on one of the items in the dropdown either using Firefox's responsive view or my actual phone, it just goes to the top of that page, not to the section where the ID is), even though it works fine on desktop.
This is the website in question: http://harcourt.epicdev.co.za/
It's the items under What We Offer that I'm trying to get to work, and unfortunately the Avada forums are no help whatsoever.
Thanks in advance!
in avada you need to add an element anchor to the position where it should scroll to and give it a name.
Avada have this ability so you can adjust the exact position of an anchor accordingly to your needs. simply add the anchor element into your page wherever it should scroll to on click in menu, and its done. works in every browser. even IE.
i use the same procedure in my crypto lexikon.

Navigation Menu not working - Wordpress

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.

Styling of menu bar in Admin panel of wordpress is compromised

While working on my project. After an unknown point of time, the admin panel in my wordpress installation has some issues.
I have noticed two of them:
1. DISTURBED ADMIN MENU BAR:
The css of left navigation menu bar in admin panel looks disturbed when I click on something. But adjusts fine when I reload the page. And gets cluttered again when I click on a new menu. Please see below a snapshot I have attached:
2. DYNAMIC CONTENT ADDITION IS GONE:
When I create a category and click on the "Add new category" button, it adds the category to the database but doesn't appear dynamically on the right panel.
And appears only after I reload my page.As you can see the category in my case "New category" appeared in the right panel only after a reload.
You can see all the images above displays an ugly menu bar.
I have faced both the issues several times on my previous projects also but could never find a solution online.
If someone has already has already gone through my problems please help me by sharing the solution and letting me know what is the way to troubleshoot it.
Same for me, and it started after wp-login has stopped working. But we can't figure why.
EDIT: I've found a possible solution here, check it folks: Wordpress admin menu messed
The solution is worked for me. Add this in your functions.php
function admin_menu_fix() {
echo '<style>
#adminmenu { transform: translateZ(0); }
</style>';
}
add_action('admin_head', 'admin_menu_fix');
You can check the issue here: https://code.google.com/p/chromium/issues/detail?id=509179#c37

Drop down menu still visible in Internet explorer

This is very weird issue happening just with Internet Explorer. I made some works in a web with Wordpress, and my client asked me to remove some links in a Drop down menu in the Menu Bar. I made this change as he asked, but then i have found that just in a particular page of the Website in the menu bar this drop down menu is still visible in IE, why? The "funny" thing is that this is happening just in a menu bar of one page of the Website, and only with IE. Is it a normal issue? how it's possible to figure it out? .
This is the web and this is the page where the dropdown menu is still visible in the About link in the menu bar.
The only extra plugins i have installed are: W3 Total Cache and JS & CSS Script Optimizer.

Wordpress link different color custom menu

I'm currently working on a Wordpress website with an custom jQuery menu. And everything is working fine except for one thing. I want to add a active class to an menu item that corosponds with the current page.
So basicly when the viewer is on the page "catering" I want the catering menu button the have an different style then the rest. But because it's wordpress I can't put in the html so I guess it has to be done with PHP but that's really not my thing.
So I was wondering if any of you could point me in the right direction. Here is the link to the website http://no-illusions.nl/projecten/kokaanhuis/wordpress/# no pages are currently working but when you hover over a button a brown layer appears, I want that layer to be static (when it's down) on the current home page but can´t figure out the best way to do it.
Use wp_nav_menu (http://codex.wordpress.org/Function_Reference/wp_nav_menu). It attaches a current-menu-item class, as well as a few other useful classes (current-menu-ancestor, etc) for styling. Plus you'll also be able to easily edit the menu with the menu admin page.

Resources