[Fix] Avada menu dropdown not working HTTPS/SSL?

[Fix] Avada menu dropdown not working HTTPS/SSL?

It can happen that the Avada dropdown menu sometimes doesn’t work.

Did you changed your website http into https? Adding SSL.

If that is the case, the menu won’t work properly.

This is due the fact that the AVADA theme will pull all the javascript files from the https path which is not correct.

How to fix this?

You need to copy paste the code where you see the js (javascript files) before the generated html code tags by AVADA.

This happens in footer.php (from the AVADA theme).

Copy paste the JS Javascript tags with the new path that should look like this:

1
.script("//example.com/wp-content/themes/Avada/includes/lib/assets/min/js/library/jquery.fitvids.js").wait()

instead of

2
.script("https://example.com/wp-content/themes/Avada/includes/lib/assets/min/js/library/jquery.fitvids.js").wait()

The code from the bottom will remain but it will be overwritten by the one from above. This is an easy trick to fix the menu.

I’ve tested in Edge, Internet Explorer, Chrome, Firefox, iPhone and Chrome Android and the drop down menu works fine on all the platforms.

Be sure to delete the cache folders/files in order to see the change.

2 COMMENTS

  • farooq says:10.08.2018

    how to add in footer.php becuase its file in diffrent one

  • admin says:11.08.2018

    Create a new menu from wp-admin, appearance, menus, name it “Footer Menu 2”.

    Then go and edit footer.php (from the avada theme).

    Add this code at the very bottom:

    ‘Footer Menu 2’
    ) ); ?>

Add a comment: