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:
- The page resets.
- The dropdown nav closes properly.
- 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: