Issue: Anchor Links in Expanded Dropdown Nav Not Forcing Page Reload

Hello

I need a series of anchor links inside an expanded dropdown navigation menu to force a page reload when clicked. The goal is for the entire page to reset, which would also close the expanded nav. This allows visitors to click the same anchor link again and be taken to the correct section after the page refresh.

Context:

  • I set this up to mimic unique service pages since my client doesn’t have enough content to justify separate pages.
  • The other unique pages in the navigation work fine.
  • Affected pages: This issue occurs on the Service Overview and Storage pages, where the dropdown contains links to different service sections.
  • The issue happens only when clicking anchor links on the same page—Webflow doesn’t reload the page, so the section loads behind the expanded nav instead.
  • I want to avoid a teardown and rebuild of the navigation—just need a simple JS fix.

What I Need:

A lightweight JavaScript solution to force a full page refresh when clicking these same-page anchor links, ensuring:

  1. The page resets.
  2. The dropdown nav closes properly.
  3. Visitors can be taken directly to the correct section after reload.

Summary:

Webflow doesn’t refresh the page when clicking same-page anchor links inside an expanded dropdown menu. As a result, the section loads behind the nav instead of resetting. Looking for a simple JavaScript snippet to force a hard refresh, so the dropdown menu resets and the visitor can properly navigate to the section.

Any suggestions? Thanks!


Here is my site Read-Only:

What browser are you using?
I’m seeing a page reload behavior in Chrome on Win 11.

Also note that your URLs are full URLs like this-

<a href="https://artelier-website-redesign.webflow.io/services/#crating-packing" class="dropdown-link-3 w-dropdown-link" tabindex="0">Crating &amp; Packing</a>

This wouldn’t work on production, so I’d change those links to path and hash only constructions-

/services/#crating-packing

Some browsers might recognize that they are already on that page, and avoid a reload- in which case yes it’s possible to override that behavior with script.

You’d still want the relative paths, and you’d target the links and when clicked, you’d force a window.location change directly.

Alternatively, you could stay on the same page, and have the script close the menu and scroll- but this is a fair bit more work to get right.