Wordpress Boostrap dropdown menu only works on home page - wordpress

Having a weird problem with my dropdown menus. They work fine on the homepage but not on any of the other pages.
I cycled all of the plugins on/off with the exception of ACF pro. None of the other plugins had any bearing.
What's even weirder, it all works fine on the dev server. Both sites are on Siteground, running the same plugins and content. I only have 2 templates, one for the home page, one for all of the other pages and they both call the same header.php file.
Here's the dev site: http://rosedental.getthegigs.com/
And here's the live version: http://rosedentalga.com/

inspect your web page check your console you will find Bootstrap's JavaScript requires jQuery , include jquery in your main page, will Definitely resolve your issue, and not just drop down your collapsible menu is also not working because of this.
your webpage

It looks like you are loading jQuery only on the home page. Dropdown menu on Bootstrap needs jQuery. Load jQuery in all the pages and it should be solved.

Related

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.

Elementor header not working in only one mobile page

last resource after lots of reading elsewhere and browsing other people's questions...
The elementor header on our site is working fine in all pages and devices except on mobile for the last page created: https://thecvcollective.com/community-hub/
When clicking the hamburger menu nothing happens. All other pages work fine.
Any suggestions please? thanks in advance!
i think you have created different menus for different pages,
so for community-hub pages there are some setting missing for mobile, and for that
.hfe-dropdown is not there in this page,
copy other menu style and paste it to community menu and it will work.

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?

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.

Some pages won't load in edit page sections

So basically I'm stuck with this screen on some of my pages and they never load up. I'm using Avada theme and fusion builder. What could cause this problem because it's appearing only when I try to edit some pages and others I can edit normally
On the pages that won't load this appears in the console

Resources