Schell ShockDesigns Schell ShockDesigns - 3 years ago 142
CSS Question

Hanburger menu just stopped working and no longer opens, it also adds an # to the URL?

on my site my hanburger menu just stopped working and no longer opens, it also adds an # to the URL when you click on the mobile version of it?

Not sure why it just all the sudden stopped working but I tried disabling all the plugins and turned them on one by one.

  • Tried removing the code I entered a couple weeks back.

  • Deleted the recent CSS code I added to make mobile version show properly

  • I also removed any custom css that could affect this hamburger menu and no luck.

Anyone have an idea why this is not working right now and what my next few steps would be to fix it?

Here is the site: the hamburger menu used to work fine yesterday and then woke up today to it not working anymore. Anyone have a fix for this issue, it is not plugins or custom css because tried both those options and no luck? I am pretty sure it is a javascipt issue just not sure exactly what?

Code for header.php:

<div class="fusion-header-sticky-height"></div>
<div class="fusion-header">
<div class="fusion-row">
<?php avada_logo(); ?>
<?php avada_main_menu(); ?>
<div class="logo_text"><h3 style="font-size:11px !important;color:#1592CE !important;"><a style="font-size:11px !important;color:#1592CE !important;" href="">Digital Marketing</a></h3></div>

Free Consultation

Please any assistance would be greatly appreciated, just cannot figure out why Hamburger menu stopped working, please let me know. Thanks!

Answer Source

Remove this code from inside the <script> tag:

jQuery(document).ready(function () {
    jQuery('p strong')[0].nextSibling.remove('.');

This is causing the error seen in the console; whatever it's attempting to target doesn't exist in the document. This snippet also has a jQuery(document).ready(){} contained inside of another one, which is redundant.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download