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
Minimalist Cabinet Website Redesign Category: Graphic Design, HTML, UI / User Interface, User Interface / IA, UX / User Experience, Web Design, Web Development Budget: $250 - $750 USD
25-Aug-2025 15:55 GMT
Car Auction Website Development Category: CSS, HTML, JavaScript, MySQL, Payment Gateway Integration, PHP, Web Development, Web Design Budget: $250 - $750 USD
25-Aug-2025 15:55 GMT
AI Customer Support Agent Development Category: AI Chatbot Development, AI Development, C, Programming, Engineering, Java, Machine Learning (ML), Matlab And Mathematica, Natural Language Processing Budget: ₹1500 - ₹12500 INR
Cross-Platform Study Quiz App Category: Android, Flutter, IOS Development, IPhone, Mobile App Development, PhoneGap, React Native, User Interface / IA Budget: ₹12500 - ₹37500 INR
25-Aug-2025 15:54 GMT
Bingo Game Source Code Acquisition Category: C#, Programming, Chatbot, Game Design, Game Development, IPhone, JavaScript, Mobile App Development, PHP, Unity, Web Development Budget: $30 - $250 USD
Modern Logo Design Category: Creative Design, Graphic Design, Logo Design, Photoshop Budget: ₹750 - ₹1250 INR
25-Aug-2025 15:52 GMT
TikTok Content & Hashtag Revamp Category: Content Creation, Content Strategy, Digital Marketing, Social Media Management, Social Media Marketing, TikTok, Video Editing, Video Production Budget: $30 - $250 USD
25-Aug-2025 15:52 GMT
Social media y marca personal Category: AI Content Creation, Brand Management, Content Creation, Content Development, Content Strategy, Linkedin, LinkedIn Profile, Network Administration, Social Media Marketing, Video Production Budget: $10 - $30 USD
