Dropdown Menu not working after latest update

Hi!

You use a child theme, right?
Plsease make sure that the menu code from line 66 of header.php from the parent theme here:
https://github.com/understrap/understrap/blob/master/header.php#L66
is identical with your own version of header.php

It is the same with this file: https://github.com/understrap/understrap/blob/master/inc/class-wp-bootstrap-navwalker.php

Make sure that you don′t overwrite this function or code somewhere in your child theme.

And make sure your child theme uses the lates Bootstrap version 4.1+

Hi Holger
Yes I use a child theme as I like to modify it slightly. So just asking, even updating the Parent theme the Child theme needs to be updated as well as far as I can see.

Just downloaded Base 0.5.3 but I now need to modify it slightly and I updated Understrap to 0.8.7.

Now I can’t get it to read or load my child theme stylesheet in the child theme folder. I don’t understand what you should do with modifying the stylesheet and minifying it so I just use a normal style sheet and load it via functions.php using the enqueue method.

Menu code is the same and I don’t alter it. So don’t know why it won’t like the earlier version.

I’d appreciate any help.

Thanks.

Hi Holger
The main navigation works with Understrap but I still can’t get it to work with a child theme.

I have managed to get the child theme working now with my stylesheet in functions.php and enqueue.php.

But still no joy with the dropdown menus. So far I have just been using a local version for testing purposes.

Just wondering now if I have to do something else to get it working.

**Just uploaded the modified Base Child theme.

Colin

• This reply was modified 6 years, 2 months ago by ecohostingservices.

Holger can we not get this sorted out or I will have to go back to an earlier theme that does work? Or I will use another theme.

Kind regards

Colin

The problem is:
The unmodified 0.5.3 child theme version works without problems with 0.8.7. Including working navigation/dropdowns etc.
So the problem must be in your modifications.
But I don′t know your modifications.

From my point of view it looks like the JS file did not work or wasn′t loaded.
The website tries to load the file from:
https://towywebdesigns.uk/towyvalley/wp-content/themes/understrap/js/child-theme.min.js

Seems that this URL is wrong. You try to load the child theme′s .js from the parent theme folder. And it is inside antoher subfolder (/towyvally/) which seems wrong, too.
Please make sure that the child theme could load its JS file. Check the child themes functions.php for it.

• This reply was modified 6 years, 2 months ago by understrap.

Hi Holger
I have just changed this line and now it is working.

		wp_enqueue_script( 'understrap-scripts', get_stylesheet_directory_uri() . '/js/child-theme.min.js', array(), $js_version, true );

Many thanks for your help in pointing me in the right direction.

Cheer

Colin

:thumbsup

I tried with latest understrap parent, and the dropdown isn’t even registering in the code. Using latest 0.8.8.

I expected this to load within a widget select menu, and it’s not doing that. I guess it doesn’t support widgets?

How would I add this in?

• This reply was modified 6 years ago by ericlnu. Reason: specifying issue better

Hi the drop down menu on my main menu is not owrking can anyone help
Hee is the css
————————————— */

.header-v1 .navbar {
padding-left: 0;
padding-right: 0;
}

.navbar.woocommerce {
padding: 0;
}

.navbar-nav {
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

.navbar-nav .open > .dropdown-menu {
display: block;
}

.navbar-nav .dropdown-menu {
border: 0;
border-radius: 0;
box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
margin: 0;
padding: 0;
}

.navbar-nav .dropdown-menu .dropdown-menu {
left: 100%;
margin: 0;
right: auto;
top: 0;
}

.navbar-nav .dropdown-item,
.navbar-nav .menu-item-has-children ul li .dropdown-toggle {
padding: .2rem 1rem;
}

.navbar-nav .dropdown-menu-right .dropdown-menu,
.navbar-nav .navbar-right .dropdown-menu .dropdown-menu,
.navbar-nav .pull-right .dropdown-menu .dropdown-menu {
left: auto;
right: 100%;
}

.navbar-nav .dropdown-menu.animated {
animation-duration: .3s;
-webkit-animation-duration: .3s;
}

.navbar-nav .dropdown-menu.animated::before {
content: ” “;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}

.navbar-nav .dropdownhover-top {
margin-bottom: 2px;
margin-top: 0;
}

.navbar-nav .dropdown-toggle::after,
.navbar-nav ul li.menu-item-has-children .dropdown-toggle::after {
border: solid;
border-width: 0 .1em .1em 0;
display: inline-block;
margin-left: .7em;
padding: .15em;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.navbar-nav ul li.menu-item-has-children .dropdown-toggle::after {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

Our site was hacked 3 weeks ago. We contacted SiteLock and they founds over 4,000 traces of Malware. They removed it but now our site is missing basically everything. But I can see the content is still all there on the backend of our site when I go to edit. It’s just not showing on the site when you look it up. So whats missing is our slideshow on the main menu, and the drop downs on the menu on the top page. We also updated our theme but nothing. HELPPP