
Completed
Posted
Paid on delivery
Hello -- I'm looking for a developer to fix and finalize my website’s navigation menu. The requirements are clearly documented in my Figma file, and I’ve distilled them into detailed acceptance criteria below. My priority is that the navigation works seamlessly across desktop and mobile, matches the intended design behavior, and passes a clean set of usability and accessibility checks. The existing design of the website and header, including dynamic and static behavior, must be preserved. [ Scope of Work ] * Debug existing header and navigation layout issues. * Implement correct alignment, spacing, and responsive behavior per Figma. * Ensure hover, active, and mobile menu states function consistently. * Test thoroughly across browsers and devices. * Deliver clean, maintainable code while preserving the site’s design and style templates. * Existing CSS, including Customizer Additional CSS, is cleaned up and appropriately commented. * A child theme should be created and CSS should be appropriately migrated to the child theme. [ Desktop ] 1. Logo & Nav Alignment * Logo remains flush-left, balanced within the header. * Navigation links align flush-right with consistent spacing between items. * No wrapping of nav items onto a second line at standard desktop widths. 2. Stability After Click * After clicking any nav link, the menu does not shift left or snap back. * Header does not stretch or snap after link clicks. 3. Search Functionality * Search icon remains visible and functional until mobile breakpoint. * Search icon has consistent right margin from page edge. 4. Hover & Active States * Green underline animates left to right on hover, as per design. * Active page link is indicated by green underline as per design and stable. [ Mobile ] 1. Breakpoint Behavior * At the mobile threshold, desktop nav converts to hamburger menu. * Logo stays flush-left; hamburger icon stays flush-right, aligned with page edge. 2. Mobile Menu Functionality * Hamburger opens full menu with items "Consulting," “Portfolio,” “Thought,” and “Connect” in correct order. * All menu items are fully visible (none cut off). * Tap targets are large enough for accessibility (minimum 44px height). 3. Active States * Active page link is indicated by green bar to left as per design and stable. 4. Close Button * “X” close button appears top-right, aligned properly, and dismisses the menu reliably. * No border box appears around the “X” icon. 5. Hamburger Icon * Hamburger icon displays cleanly, with no surrounding border box. 6. Scroll & Transitions * Background content does not scroll when menu is open. * Mobile header transitions smoothly between black ↔ white as per design. [ General ] Responsiveness: Layout and interactions adapt seamlessly across desktop, tablet, and mobile breakpoints. Cross-Browser Support: Works consistently on Chrome, Safari, Firefox, and Edge (latest versions). Accessibility: Menu is keyboard-navigable, screen-reader friendly, and uses semantic HTML/ARIA where needed. Consistency: No overlapping, misaligned, or cut-off elements at any viewport width. Visual Indicator: Vertical green bar appears below (desktop) or to the left of a nav link (mobile) after selection, as designed. [ Figma ] [login to view URL]\\\&m=dev\\\&t=joHiY6HyMwhTNOVZ-1 [ Definition of Done ] The project will be considered complete once all acceptance criteria are met, the design has been preserved, and the fixes are verified across browsers and devices. Final CSS will be reviewed to confirm that no global overrides or unnecessary new styles have been introduced, and that all changes are contained within the child theme for maintainability. [ Timeline and Next Steps ] Timeline: I’d like this completed within 5 days of kickoff. Next Steps: Please confirm your experience with similar navigation/menu fixes, and provide a short timeline estimate. Thank you!
Project ID: 39735902
278 proposals
Remote project
Active 9 mos ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

Hi there. I can fix your header so it stays stable and aligned across desktop, tablet, and phone. I will profile the reflow with DevTools and Safari Web Inspector, then eliminate the causes of the resize flicker. Common culprits are unbounded logo dimensions, deferred font swaps, late JS measuring the header, and breakpoint rules that fight each other. I will normalize the header grid or flex, lock image and icon dimensions, preload critical fonts, and remove JS layout hacks. The result is a fluid, CLS free header that does not jump on navigation or viewport changes. Share a live link or staging access and I can begin immediately. Best regards, Ahmed.
$45 USD in 7 days
5.8
5.8
278 freelancers are bidding on average $34 USD for this job

Hello Sir we are Experienced more than 15+ years in Website Development Please send us message to Discuss more Note: Final price will be decided after discussion Thanks TivLabs
$30 USD in 7 days
9.1
9.1

Hello, I am a professional web developer and I can fix the responsive header issues you're facing across all screen sizes. I will diagnose the CSS/HTML root cause, implement clean fixes, ensure cross-browser consistency (Chrome, Safari, Firefox, Edge), and keep all homepage elements aligned. You'll receive a clear summary of changes and concise explanation of the issue and resolution. Please share your site link or code access so I can review and estimate turnaround. Please send a message in the chat so we can go over the details and begin working immediately. Thank you!
$100 USD in 7 days
8.5
8.5

Respected Sir, I hope you are doing well. I can start working on your project right away and ensure quick and professional completion. Delivering quality work on time is always my priority. You can view my portfolio here: ? https://www.freelancer.com/u/nabeelawais83 I am a skilled WordPress and Shopify expert with strong experience in handling quick tasks as well as full website builds. WordPress and Shopify are my specialties, and I am confident I can provide the results you need. I’m ready to get started immediately and look forward to working with you. Thanks, Nabeel Awais
$20 USD in 1 day
8.3
8.3

Hello there, It will be a great pleasure to work with you to resolve the issues on your website. Please chat with me to get started. Regards, Ranjit
$10 USD in 1 day
7.7
7.7

As a seasoned and dedicated front-end developer, I've successfully tackled over 250 projects similar to yours which incorporated various levels of CSS/HTML debugging. My team at Einnovention are experts in Content Management Systems and Website development using languages such as PHP, JavaScript, HTML, CSS, which align perfectly with your project requirements. At the beginning of any project, we highly value open communication and understanding exact needs. This is why we offer free consultations prior to hiring. In this sense, we do an accurate project assessment that guarantees that our proposed timeline is realistic and that our clients are fully aware of each step we take. With regards to bug-fixing like you have on your homepage's responsive layout, my extensive experience in cross-browser compatibility (Chrome, Safari, Firefox, Edge) ensures that not only will all the issues be addressed but also that the final product is entirely aligned for every device. Additionally, I guarantee succinct changes' description so you can smoothly keep track for future edits on your site. So let's connect!
$30 USD in 10 days
7.9
7.9

Hello ashl9! I understand you are seeking a developer to fix and finalize your website’s navigation menu, ensuring seamless functionality across desktop and mobile while adhering to your detailed Figma specifications. With extensive experience in web development, I have honed my skills in PHP, JavaScript, CSS, and HTML, making me well-equipped to address the specific navigation and layout issues you've outlined. My background includes optimizing user interfaces and conducting thorough website testing to ensure responsive design and accessibility compliance. My execution plan involves a structured approach: first, I will debug the existing header and navigation layout issues, aligning elements as per your Figma file. Next, I will implement the necessary adjustments for both desktop and mobile views, ensuring consistent behavior and usability. After coding, I will conduct comprehensive tests across multiple browsers and devices, guaranteeing that the final output is clean, maintainable, and meets all specified acceptance criteria. Please do check out my profile for project reviews and portfolio at: https://www.freelancer.com/u/widichamp I would love to discuss your project in more detail and share ideas to make it a success. Let me know a convenient time to connect! Best Regards, Abdul Waheed
$20 USD in 1 day
7.5
7.5

? Want a Stunning fix home page responsive layout bug Website? Let’s Bring Your Vision to Life! ? Why Choose Me? Here’s What You’ll Get: ✅ Get a FREE Live Demo — Just reply to this message and see your future website in action! ✅ Multiple Design Options — Choose from a variety of modern, eye-catching layouts. ✅ 100% Satisfaction Guaranteed — Or your money back — no questions asked! ✅ 12+ Years of Experience — Proven track record in web development. Portfolio available on request. ✅ See My Work: Check out recent projects here ➡️ https://www.freelancer.com/u/qasaryome ✅ Unlimited Revisions — Until you're completely happy! ✅ 1 Month Free Support — Post-launch support to keep everything running smoothly. ✅ FREE SEO Setup — Includes Google Search Console + Google Analytics integration. ✅ Premium WordPress Website — Mobile-friendly, SEO-optimized & easy to customize. ? Have Questions? Let’s Chat! ? Reply now to get started with your FREE demo.
$50 USD in 2 days
7.7
7.7

Fix Homepage Responsive Layout Bugs As a seasoned web developer with over 15+ years of experience, I have an in-depth understanding of CSS, HTML, JavaScript, PHP and Website testing. When it comes to solving responsive design problems like the ones you're facing on your website header, my expertise could be valuable to you. I'm confident in my ability to identify and fix the root cause of these issues promptly, delivering clean, maintainable solutions without disturbing other parts of your site.
$15 USD in 1 day
7.1
7.1

"As a seasoned Freelancer with over a decade of experience and a comprehensive skill set, I am the ideal candidate to tackle your home page's responsiveness issues. Having worked with various Content Management Systems like WordPress, Shopify and Squarespace, I am proficient in HTML and CSS coding, which are integral components for creating a stable, responsive layout. I understand your pressing need for resolution so my turnaround is always fast without compromising quality. I have been part of front-end development projects for high-profile clients. This has made me meticulous when it comes to testing cross-browser compatibility which is vital for ensuring consistent user experience. My ability to diagnose issues and track changes will be useful to you in managing future edits effectively. My proficiency in JavaScript and PHP ensures that the fixes I provide integrate seamlessly into your site without disturbing other aspects."
$15 USD in 7 days
7.2
7.2

As a Senior Web Designer with a decade of experience, I have encountered and debugged countless responsive design issues, including those similar to what you described for your website header. My strength in understanding and meticulously handling HTML, CSS, and JavaScript will greatly benefit your project. My knowledge expands beyond mere diagnosis and patching - I excel in delivering lasting solutions without compromising other parts of the website. Your goals perfectly align with my skillset. I prioritize clean, maintainable codes that not only bring your homepage in check across various devices but also ensure consistency across different browsers. As you mentioned, brief summaries documenting all the changes will undoubtedly be helpful for future tracking or modifications. I'm also glad to state that my usual toolkit includes all the integral tools like Chrome Developer Tools and browser support libraries that are vital to crafting a fluid layout. Just let me have a quick look at the code base or offer a live link, and I'll be able to provide you an estimated timeline for this project without any delay. So why not let my results-oriented work style help turn your current homepage woes into a smooth user experience?
$10 USD in 1 day
6.8
6.8

Hi! My name is Marjan and I'm here to offer you my services as a skilled applicant with over a decade of experience working on Freelancer.com. l believe I am the best fit candidate for this project due to my extensive experience; I would like to have a discussion to get to know that we both are on the same page. Once the scope will be locked, I will start working on it right away.
$200 USD in 7 days
6.8
6.8

I'm expert in WordPress and Web Development Technologies and I'm willing to start RIGHT AWAY. I can fix and finalize your website’s navigation menu per your clear requirements. My expertise ensures seamless functionality and clean code. Let's get started! Regards, Pooja
$30 USD in 1 day
7.0
7.0

Hello, I hope this message finds you well and energized to tackle your website's responsive layout bugs! I understand the frustration of dealing with elements that misbehave across various devices. My approach will start with a thorough examination of your CSS and HTML to pinpoint the root causes of these resizing issues and misalignments. After diagnosing the problems, I will implement clean, maintainable fixes ensuring the header displays correctly on all screen sizes. Additionally, I'll conduct cross-browser checks to confirm consistent behavior in Chrome, Safari, Firefox, and Edge. You will receive a concise diagnosis, updated style rules, and a summary of changes for easy tracking. My goal is to deliver a fluid layout swiftly, so you can get back to focusing on your business. Thanks, Khursheed Ahmed
$25 USD in 1 day
6.8
6.8

Hello, Hope you are doing well! I have gone through the job description. My skills align well with the requirements, and I’m confident in achieving the results you expect. I’d welcome the opportunity to collaborate with you. Thank You.
$20 USD in 7 days
6.7
6.7

Hello Sir, I have 6 years of experience in front-end development and responsive design. I will diagnose and fix your homepage header/navigation issues by correcting CSS/HTML, ensuring smooth alignment across all devices and browsers. Clean, maintainable code and a summary of changes will be provided. I look forward to bringing your vision to life! Best regards, Shafiq Please come to my chat. I am ready to start right now.
$30 USD in 1 day
6.5
6.5

Building high-performance online stores is my passion and core competency, and that extends to ensuring every aspect of the website is not only visually appealing but also highly functional. As your seasoned e-commerce developer with over 12 years of experience, I am confident in my ability to meet and exceed your expectations for fixing and finalizing your site's navigation menu. You’ve got a detailed Figma file explaining what you'd like to achieve: aligning navigational items flush, animating green underline on hover, accurately converting to hamburger menu on mobile just to name a few. I am capable of translating
$250 USD in 10 days
6.4
6.4

I’ve carefully read your requirements, and this is exactly the type of front-end work I specialize in. I can debug and finalize your navigation so it matches your Figma design precisely, works flawlessly across desktop and mobile, and meets usability and accessibility standards. I’ll work strictly within your existing CSS structure, cleaning and refining code only where necessary, without altering global styles or introducing frameworks. This ensures your design integrity is fully preserved while delivering a clean, maintainable solution.
$20 USD in 7 days
6.4
6.4

Hi, I specialize in front-end bug fixing and responsive layout optimization. From your description, the issue likely stems from conflicting CSS rules or delayed reflow on navigation load. I’ll review your header styles, streamline breakpoints, and ensure stable alignment across devices without affecting the rest of the site.
$20 USD in 7 days
6.3
6.3

Dear Client, With extensive expertise in HTML, CSS, and responsive design, I specialize in diagnosing and fixing layout issues to ensure fluidity across all screen widths. I will identify the root causes of your header problems, provide clean updates, and ensure cross-browser consistency. I can deliver these improvements promptly and will provide a concise summary of changes for your records. Please share access to the codebase or a live link so I can take a quick look. Warm regards,
$20 USD in 1 day
5.9
5.9

I specialize in front-end debugging and responsive design and can help resolve the header/navigation issues you’re facing. From your description, the problem likely stems from a mix of CSS rules (flex/grid inconsistencies, transition delays, or layout shifts) that cause elements to jump before final alignment. Here’s how I’ll handle it: Audit & Diagnose: Inspect your current HTML/CSS structure, identify the exact rules causing reflows or snapping. Fix Responsiveness: Adjust or refactor style rules so the header and navigation stay stable across desktop, tablet, and mobile. Documentation: Provide a clear, concise summary of what was wrong, what I changed, and why—so you’ll have a clean record for future updates. ⏱ Estimated turnaround: 1–2 days once I have access to the code or a staging link. I’ll make sure your site’s header looks professional, fluid, and fully responsive without disturbing the rest of your layout. Would you like me to also create a lightweight style guide (breakpoints + header rules) so future edits remain consistent? Best regards, Adeel
$10 USD in 1 day
6.0
6.0

Oswego, United States
Payment method verified
Member since Aug 26, 2025
₹12500-37500 INR
$30-250 USD
$10-30 USD
$250-750 USD
$750-1500 USD
₹4000-5001 INR
₹12500-37500 INR
₹1500-12500 INR
₹600-1500 INR
₹1500-12500 INR
$10-30 USD
₹600-1505 INR / hour
₹2000-5000 INR
₹750-1250 INR / hour
$30-250 USD
$10-30 USD
£20-250 GBP
₹1500-12500 INR
$8-15 USD / hour
£250-750 GBP