Troubleshooting Sydney Theme: Fixing Call to Action Button and Anchor Link Issues
Content
Common Problems with Sydney's Call to Action Buttons and Anchor Links
Many users of the Sydney WordPress theme report issues with call-to-action (CTA) buttons and anchor links not functioning as expected. These problems can range from buttons not working at all to links scrolling to the wrong position on the page. Based on community reports and solutions, here are the most common issues and how to resolve them.
1. CTA Buttons Not Working or Leading to 404 Errors
Problem: The most frequent complaint is that CTA buttons in the hero slider stop working, sometimes showing a "page not found" error even though the page exists and is accessible through menus.
Why it happens: This is typically caused by a script conflict with another active plugin or third-party code added to the site.
Solution: To identify the conflict:
- Install and activate the Health Check plugin
- Enable troubleshooting mode to temporarily disable all plugins
- Check if the CTA button works normally
- Re-enable plugins one by one to identify which one causes the conflict
- Clear your browser cache after each change
2. Mailto and Tel Links Not Functioning
Problem: Buttons or links with mailto: (email) or tel: (phone) prefixes don't trigger any action when clicked.
Why it happens: Some functionality may not work while previewing in the WordPress customizer, as you're viewing an iframe rather than the live site. Browser settings can also prevent these protocols from launching external applications.
Solution:
- First, check if the links work on the live site (not in customization preview)
- If they still don't work, test with different browsers
- For phone links specifically, you can add custom JavaScript using a plugin like TC Custom JavaScript:
(function($){
if( $('.sydney-hero-area .subtitle .button-slider').length ) {
$('.sydney-hero-area .subtitle .button-slider').attr('href', 'tel:+YOUR-PHONE-NUMBER');
}
})(jQuery);
3. Anchor Links Scrolling to Wrong Position
Problem: When clicking anchor links (e.g., #section-name), the page scrolls to the correct element but the content appears behind the header, requiring additional scrolling to view properly.
Why it happens: The theme's sticky header isn't accounted for in the default anchor scrolling behavior, causing the target content to be partially obscured.
Solution: This typically requires custom CSS to add padding to anchor targets or JavaScript to offset the scroll position. The exact solution depends on your specific header height and structure.
4. Anchor Links Not Working Between Pages
Problem: Links from external pages to anchor points on the homepage don't scroll to the correct section.
Why it happens: The Sydney theme's one-page scrolling functionality may interfere with cross-page anchor linking.
Solution: Ensure you're using absolute paths with the correct format: https://yourdomain.com/#anchor-name (not https://yourdomain.com/page/#anchor-name when linking to the homepage).
5. "Bouncing" or Jumpy Scrolling Behavior
Problem: Instead of smooth scrolling, the page appears to "bounce" or jump to anchor points.
Why it happens: This can occur after theme updates or due to conflicts with other smooth scrolling scripts.
Solution: Check for multiple smooth scrolling implementations (either in the theme or plugins) and ensure only one is active.
General Troubleshooting Tips
- Browser testing: Always check if issues appear in multiple browsers. Some problems (like fixed background attachments) may be browser-specific.
- Theme conflict check: Temporarily switch to a default WordPress theme (like Twenty Twenty-One) to confirm whether the issue is theme-related.
- JavaScript errors: Check your browser's console for JavaScript errors that might indicate conflicts.
- Cache clearing: Clear both your WordPress cache (if using a caching plugin) and your browser cache during testing.
Most CTA button and anchor link issues in the Sydney theme stem from plugin conflicts, incorrect URL formatting, or browser-specific behaviors. Following these troubleshooting steps should help resolve the majority of problems reported by users.
Related Support Threads Support
-
hero slider call to action button is not workinghttps://wordpress.org/support/topic/hero-slider-call-to-action-button-is-not-working/
-
Call to action buttons bounce to anchorhttps://wordpress.org/support/topic/call-to-action-buttons-bounce-to-anchor/
-
Call to action button not workinghttps://wordpress.org/support/topic/call-to-action-button-not-working-3/
-
Mailto option doesn’t workhttps://wordpress.org/support/topic/mailto-option-doesnt-work/
-
navigation buttons appear twicehttps://wordpress.org/support/topic/navigation-buttons-appear-twice/
-
Anchor Ads of adsense is not workinghttps://wordpress.org/support/topic/anchor-ads-of-adsense-is-not-working/
-
Link to anchor from external pagehttps://wordpress.org/support/topic/link-to-anchor-from-external-page/
-
How do I make the Call to action button scroll down the page?https://wordpress.org/support/topic/how-do-i-make-the-call-to-action-button-scroll-down-the-page/
-
Anchorshttps://wordpress.org/support/topic/anchors/
-
Internal page anchorshttps://wordpress.org/support/topic/internal-page-anchors/
-
RSS Feed not updatinghttps://wordpress.org/support/topic/rss-feed-not-updating-30/
-
background-attachment:fixed not workinghttps://wordpress.org/support/topic/attachment-backgroundfixed-not-working/
-
Anchor link on hero slider call-to-action button not working properlyhttps://wordpress.org/support/topic/anchor-link-on-hero-slider-call-to-action-button-not-working-properly/
-
Problem with jumping to anchored linkshttps://wordpress.org/support/topic/problem-with-jumping-to-anchored-links/
-
Button Homepagehttps://wordpress.org/support/topic/button-homepage-2/
-
Freeze Call to Action Button So it Doesn’t move or scrollhttps://wordpress.org/support/topic/freeze-call-to-action-button-so-it-doesnt-move-or-scroll/
-
Website is not stop scrollinghttps://wordpress.org/support/topic/website-is-not-stop-scrolling/