Custom Jquery Navigation To Replace Original

[darren990]

I'm having a few issues adding my own custom site navigation to Prestashop and after countless days (and nights) troubleshooting / googling I just can't seem to get to the problem.

 

Installed Prestashop 1.6.1.4 to my /shop/ folder (on an existing site)

Using the Standard Theme / Template

 

What I've done:

 

Removed the hook for the navigation menu that comes on the template, removed it - great so far.

Copied and pasted the header (which is my logo / navigation menu) from my existing site to the "header.tpl file" - just above <div id="page">

Added my minified Jquery script to the "footer.tpl"

 

All working ok except for the nav slider on mobile devices.

 

This is the navigation on my main website:

 

 

And this is how it renders on my shop:

 

 

As you can see the slider does work but navigation links part has gone awol. The "X" close button doesn't work either.

 

What I've done to troubleshoot so far:

 

Deleted the entire "global.css" and uploaded to see if there is any conflicting rules.

Deleted "blocksearch" folder from modules.

Deleted "Quicksearch" from modules (it's only on the screenshot as I had to re-install Presta).

Tried using un-minified Jquery scripts.

 

The Site navigation I'm using is a customised version of 'Mega Site Navigation' you can download from Codyhouse (it's a little fiddly but really nice for multi layer navigation).

 

Any ideas would be much appreciated, thanks!

[darren990]

Yeah sure it's

 

http://www.queensofink.com/shop/

[darren990]

Found the cause! Couple of html tags missed out, damn it!

 

Admin - could you delete this thread. There isn't any info here that is relevant for future issues.

 

Thanks.