Column link not working with anchors

Hi,

Could you post a link to where we can see the elements in question please?

Best regards,
Rikard

Hi marcomila,

I’m very sorry for the late reply. Are you still having problems with this? Could you please publish the site on a server which we can access without having to edit our host files please?

Best regards,
Rikard

Hi,

Thanks for that. I checked the product links in your menu from the home page, but I can’t see any problem on my end. The links in the sub menu on the product page are working too. Could you let us know how to reproduce the problem you are having please?

Best regards,
Rikard

Hi,

Thank you for the update.

We are not yet sure why this is not working in your installation, but we noticed these errors in the browser console, which might be causing the issue with the column links.

js?v=3.44&client=google-maps-pro&language=en&region=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label
js?v=3.44&client=google-maps-pro&language=en&region=PH&libraries=places,visualization,geometry,search:115 InvalidValueError: invalid style element type: label

It seems to be related to the map. Did you install a map plugin?

Best regards,
Ismael

Hi,

Thank you for following up.

Is it working correctly when you temporarily remove the map? The map generates the error in the console, which might be also affecting the column links. To test it, please save the content of the front page as template, then apply it on a temporary test page. Remove the map, and see how it goes.

Best regards,
Ismael

Hi,

Thank you for the info.

Have you tried adding the map the other way, using a plugin or a custom script? You can also use the map element from the theme. Unfortunately, we are not really sure how that error occurs, so it will not be easy for us to debug the map issue.

Would you mind posting the embed script for the map using pastebin? Did you configure the style of the map manually? According to the trace, the issue or error occurs because of an invalid style element type: label.

Best regards,
Ismael

Hi,

Yes, this is because of the anchor. This will only work when the destination anchor is in the same page as the column that contains the anchor link. You can find this condition in the enfold/js/shortcodes.js file around line 658.

var reader = column.hasClass('av-cell-link') ? column.prev('a.av-screen-reader-only').first() : column.find('a.av-screen-reader-only').first();
						url = url.trim();
						if( (0 == url.indexOf("#")) || ((url.indexOf(link) >= 0) && (url.indexOf("#") > 0) ) )
						{
							reader.trigger('click');
							return;
						}

Try to remove that line to allow the column link to proceed.

Best regards,
Ismael