Essential Grid Deep Linking Not Working With Menu

[DKMGAU]

I’m trying to set up deep linking on Essential Grid so that the main menu my site has will be able to control the grid’s filters.

My site is https://straighttothepoolroom.com.au

I’ve turned it on and I’ve set up the menu items to use the correct slugs, but the deep linking only works if I click the menu item and then refresh the browser.

It would also be great If I could get the menu items to be hi-lighted like they usually would if they were set up as a simple category menu link (so that ‘new stuff’ isn’t always hi-lighted)

How can I fix this?

EDIT:
I also somehow managed to f**k up my navigation skin CSS and I have no idea how to revert it back to the original template. How do I revert to the original minimal light skin? Can someone please send me the CSS for the original minimal light skin so I can copy-paste it?

[christian]

Hey @DKMGAU,

Deep linking will only work if you directly load the link or URL with fragment in the address bar. It won’t work in the same page so you will need a script that will reload the page when you click on a menu item.

Below is a code example. Try adding it in your Header JS. Just note that we do not have support for custom code. This is only a guide and we could not continually give support in case this conflicts with other functionality nor we could provide enhancements.

jQuery('.x-anchor-menu-item').on('click touchend', function() {
  location.reload();
});

Regarding your Navigation Skin, regretfully, we don’t have CSS for that. Try going to the Skins tab and choose Minimal Light in the Navigation.

Hope that helps.

[DKMGAU]

The JS only works on pc, doesn’t seem to work for when I use the site on mobile.
Is there a reason for that?

Also, now the ‘More Categories’ dropdown doesn’t work on mobile either.

Thanks Christian

[christian]

I see. Regretfully, we could not provide further support for the code as it was meant only to be a guide. Please remove it.

I’d suggest that you link your menus to real pages with separate category grids instead and for filtering, use a real faceted search function like the FacetWP plugin.

Thank you for understanding.