Enfold avia images not displaying

Hi,

I have updated an old site to WP 4.5.1 and latest enfold theme. All works perfect except for this:
I am experiencing troubles with the avia images. All images in the avia pagebuilder do not display. The sliders don’t work at all.
I’m testing this all local before I deploy to a live server.
It is NOT due to a plugin, I disabled all plugins.

I can’t find the issue but it seems there are jquery conflicts. Not sure if they are the cause.
I’m pretty sure there’s javascript troubles due to sliders and images only from the avia framework not loading. All other images (from within the native editor or featured) are displayed.

Error: Syntax error, unrecognized expression: .main_menu .menu li > a[href*=#]
t</fa.error()
 jquery.js:2
t</fa.tokenize()
 jquery.js:2
fa()
 jquery.js:2
.find()
 jquery.js:2
a.fn.find()
 jquery-migrate.min.js:2
AviaScrollSpy()
 avia.js:139
$.fn.avia_scrollspy/<()
 avia.js:260
.each()
 jquery.js:2
n.prototype.each()
 jquery.js:2
$.fn.avia_scrollspy()
 avia.js:256
$.avia_utilities.avia_ajax_call()
 avia.js:81
<anonymous>
 avia.js:58
n.Callbacks/i()
 jquery.js:2
n.Callbacks/j.fireWith()
 jquery.js:2
.ready()
 jquery.js:2
K()
 jquery.js:2

Thank for any insights