Skip to content

fix: unify navbar structure, links, and hover behavior across all pages#1141

Open
Prerona62 wants to merge 1 commit intogyanshankar1708:masterfrom
Prerona62:fix/navbar-consistency
Open

fix: unify navbar structure, links, and hover behavior across all pages#1141
Prerona62 wants to merge 1 commit intogyanshankar1708:masterfrom
Prerona62:fix/navbar-consistency

Conversation

@Prerona62
Copy link
Copy Markdown

@Prerona62 Prerona62 commented Oct 13, 2025

Closes #1098

This pull request addresses the navbar inconsistencies across the GrowCraft website and ensures a uniform, user-friendly experience. The following changes have been made:

Standardized Navbar Across All Pages:

All pages now use the same navbar structure as index.html, ensuring a consistent layout and styling.

The order of menu items is identical on every page: Home, Services, Blogs, About Us, Our Work, FAQ, Contact Us, Login.

Consistent Hover and Active States:

The green left-to-right hover animation is now applied to all navbar links, providing a consistent interactive effect.

Active link highlighting is uniform across every section.

Corrected Anchor Links:

Fixed all relative paths so that links point correctly depending on the page location:

Root-level pages (index.html, about.html, etc.) point to src/faq.html and src/contact.html.

Pages inside /src/ (faq.html, contact.html) use ../ to reference root-level pages.

This prevents missing or broken links and ensures all menu items are clickable.

Resolved Reported Bug:

The layout now remains consistent across all pages.

Previously, FAQ and Contact links were disappearing or incorrectly linked; this has been corrected.

Overall, this PR ensures visual and functional consistency in the navbar across the entire website, aligning with the mentor’s instructions and improving the user experience.

@netlify
Copy link
Copy Markdown

netlify bot commented Oct 13, 2025

Deploy Preview for growcraftt ready!

Name Link
🔨 Latest commit 4ef2ba8
🔍 Latest deploy log https://app.netlify.com/projects/growcraftt/deploys/68ed563775b08b0008a63361
😎 Deploy Preview https://deploy-preview-1141--growcraftt.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link
Copy Markdown

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

@gyanshankar1708
Copy link
Copy Markdown
Owner

@Prerona62 As I can see in deployement preview link the navbar is not unified in all pages..
https://deploy-preview-1141--growcraftt.netlify.app/
click on this link and check

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Navbar is inconsistent across sections and menu items disappear

2 participants