diff --git a/blocks/header/header.css b/blocks/header/header.css index 9a24fb25..308f2963 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -1056,3 +1056,19 @@ header nav.category > ul > li > a:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; } + +/*Ask Ingredion link fix */ +header a[href="https://ask-usca.ingredion.com"], +header a[href="https://asktest-usca.ingredion.com"], +header a[href="https://ask-emea.ingredion.com"], +header a[href="https://asktest-emea.ingredion.com"]{ + color: inherit !important; + text-decoration: none !important; +} +header a[href="https://ask-usca.ingredion.com"]:hover, +header a[href="https://asktest-usca.ingredion.com"]:hover, +header a[href="https://ask-emea.ingredion.com"]:hover, +header a[href="https://asktest-emea.ingredion.com"]:hover { + color: var(--green) !important; +} + diff --git a/blocks/header/header.js b/blocks/header/header.js index b0e8bf70..da8a0108 100644 --- a/blocks/header/header.js +++ b/blocks/header/header.js @@ -789,6 +789,13 @@ export default async function decorate(block) { ), ); await buildDropdownsMobile($header); + const mobileAskLinks = $header.querySelectorAll('.mobile-menu a'); + mobileAskLinks.forEach((link) => { + if (link.textContent?.includes('Ask Ingredion')) { + link.target = '_blank'; + link.rel = 'noopener noreferrer'; + } + }); } else { document.body.classList.remove('menu-open'); $header.append( @@ -807,9 +814,15 @@ export default async function decorate(block) { $navCategory.cloneNode(true), ); await buildDropdownsDesktop($header); + // Ensure "Ask Ingredion" link opens in a new tab + const askLink = [...$header.querySelectorAll('a')] + .find((ask) => ask.textContent.includes('Ask Ingredion')); + if (askLink) { + askLink.target = '_blank'; + askLink.rel = 'noopener noreferrer'; + } } } - handleView(); isMobile.addEventListener('change', handleView); }