Fix Anchor Link Scrolling and Sidebar Navigation Issue on WordPress Elementor Site
Description: I’m looking for a WordPress developer with strong experience in Elementor to help resolve a scrolling/navigation issue on a live takeaway website.
Current Setup:
WordPress site using Elementor and ShopEngine
Product archive templates are created using ShopEngine
The original design used a top sticky bar with anchor links for navigation between menu sections
We later switched to a vertical sticky sidebar when we started struggling to get the scrolling working as intended
Both layouts (top bar and sidebar) exist on separate pages for testing purposes
Each icon or label links to a specific menu section using anchor links (e.g. #kebabs, #drinks, etc.)
The relevant product sections have proper CSS IDs assigned
Smooth scrolling CSS is already in place
The sidebar is fixed on scroll, and the main product list scrolls independently
The Problem:
The anchor links have never fully worked as intended
Sometimes the scroll works partially (e.g. only when at the bottom of the page), other times it does nothing
The URL updates with the correct anchor ID, but the scroll doesn't move the content into view
The main issue seems to be related to the scroll container setup, anchor positioning, or overflow behavior
What I Need:
Fix the anchor link scrolling so that clicking an item in the navigation reliably scrolls the correct product section into view
This needs to work whether we go with the top bar layout or the sidebar layout
Ensure that the scroll targets the main product content, not the sidebar
Once this is fixed, I will be able to complete the rest of the design and layout myself
Requirements:
You must have worked on this specific issue before
This is not a trial and error task. If you're unfamiliar with this type of scroll behavior, it will feel underpaid and frustrating
Please only apply if you are confident in solving this issue quickly and cleanly
Budget: £20 (fixed price) – this is a focused task with everything else already complete
High-End V-Ray Interior Renders Category: 3D Animation, 3D Design, 3D Modelling, 3D Rendering, 3D Visualization, SketchUp, V Ray Budget: ₹600 - ₹1500 INR
Personal Face Swap Video Editing Category: After Effects, Animation, DaVinci Resolve, Motion Graphics, Video Editing, Video Post Editing, Video Processing, Video Production Budget: ₹600 - ₹1500 INR
Install Karaoke System at Bar Category: A / V Systems, Audio Engineering, Audio Services, Installation Budget: £250 - £750 GBP
28-Nov-2025 10:47 GMT
Senior Engineer for Cross-Platform System Features Category: Android, DNS, IPhone, Linux, Mobile App Development, Network Engineering, Software Development, System Administration, Technical Documentation, VPN Budget: €1500 - €3000 EUR
28-Nov-2025 10:47 GMT
Epic AI Historical Video Editor Category: 3D Animation, 3D Design, 3D Modelling, 3D Rendering, After Effects, Animation, Blender, Video Editing Budget: ₹600 - ₹1500 INR
