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
Targeted Website Contact Research Category: Data Analysis, Data Collection, Data Entry, Data Mining, Excel, Google Sheets, Lead Generation, Research Budget: $10 - $200 USD
Shopify NovaEngel API Installation Category: API Development, GraphQL, HTML, JavaScript, PHP, REST API, Shopify, Shopify Development Budget: €30 - €250 EUR
16-Oct-2025 09:59 GMT
Elevator Pit Infill Engineering Design Category: 3D Modelling, AutoCAD, Building Architecture, Building Design, CAD / CAM, Construction Engineering, Construction Management, Structural Engineering Budget: $30 - $250 USD
16-Oct-2025 09:59 GMT
Instagram Lead Generation Marketer Category: Canva, Content Strategy, Facebook Marketing, Internet Marketing, Lead Generation, SEO, Social Media Marketing Budget: ₹1500 - ₹12500 INR
16-Oct-2025 09:58 GMT
تدقيق نص عربي قصير Category: Arabic Translator, Content Development, Content Strategy, Content Writing, Editing, Language Tutoring, Proofreading, Writing Tutoring Budget: $10 - $30 USD
