If clicking a button linked to your Job section results in a 404 error, it's likely due to a broken or incorrect link setup in Webflow.
- Select the button in the Webflow Designer.
- In the Element Settings panel (orange gear icon), review the Link Settings.
- If it's meant to scroll to a section, ensure it’s set to “Section” and not “URL”.
- If it's linking to a different page or URL, check if the path is correct.
2. Inspect the Section ID
- Ensure that the target section (Jobs section) has the correct ID attribute.
- Select the section element, then in the Element Settings, check the “ID” field.
- The ID must match exactly what the button is referencing. For example, if the button links to
#jobs
, the section’s ID must be jobs
.
3. Avoid External Page Linking Mistakes
- If you're linking to an internal section from another page (e.g., from homepage to the jobs section on About page), you must use the full path:
- Example:
/about#jobs
- Linking just
#jobs
will only work on the same page.
4. Check Published Link
- After editing, publish your site and test the button on the live site, not just the Designer preview.
- Preview mode might behave differently for internal anchors.
- If the button uses a “URL” type link in settings and is typed as
www.yoursite.com/jobs
, make sure that: - A “jobs” page actually exists.
- The page slug matches the link exactly (case-sensitive, no typos).
Summary
Your job section button shows a 404 error likely because the link points to a missing or misconfigured destination. Double-check the button’s link type, ensure the section ID exists and matches, and verify full page paths if linking across pages.