PRO header anchors not working on firefox and chrome

Support
#1

Hi there

I have an issue with anchors placed on a global header that links a global footer, those work fine on safari and iOS, but they don’t on Firefox and Chrome, how can I fix this, please help

#2

Hi @rulogrunge,

Thanks for reaching out.

Seems to be working just fine on my end. Are you referring to scrolling and positioning? Because that’s only possible with one-page navigation. And the theme has no other related features for footer. Could we try this first,

  1. Create two footer, one for global and one assign for ip-services page.
  2. Create two menu, one has absolute URL like http://example.com/ip-services/#filing and one that has relative URL like #filing
  3. Edit your two footer and assign each menu, for global footer menu, use the menu with absolute URL. Then for ip-services page’s footer, assign the menu with relative URL.

Thanks!

#3

Hello @Rad

Sorry for the bad explanation. I’m not using one page navigation on the site. Both, header and footer are global, the not working anchor is located on the envelope icon on the header and when you click on it, it must scroll down to the footer (the contact form), that’s why I’ve put an #ID on the section, the action works fine on safari (desktop and mobile), firefox mobile and chrome mobile, but, in firefox and chrome desktop don’t.

Can you please assist me on how to fix this?

Thank you!

#4

Hello There,

I can confirm the issue is happening in your site. There is a JS error which prevent the link from working. This issue is caused by your modification of the parent theme.

This is the code that you added in the header.php which is incorrect way of doing it.

<head>
	
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M95TSTC');</script>
<!-- End Google Tag Manager -->

<meta name="google-site-verification" content="4CtHn7jRhp4Sj4HHSPnshx7wsvtCjeZZRxdp43tDnzY" />	
	
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M95TSTC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>

If you want to add a Google Tag manager, please refer to this thread to make sure that you have done it properly; https://theme.co/apex/forum/t/google-tag-manager/5269/5

I have removed it to resolve your issue. It will not work right away because of your caching. Please clear the Hummungbird plugin cache first and then login to your CloudFlare account and purge your site cache. Clear your browser caches as well before testing the site again.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.