Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navbar : Scroll To Reveal Navbar #4341

Open
kunalcoder45 opened this issue Dec 21, 2024 · 5 comments
Open

Navbar : Scroll To Reveal Navbar #4341

kunalcoder45 opened this issue Dec 21, 2024 · 5 comments

Comments

@kunalcoder45
Copy link

Description

First Feature: On your blog website (https://nightwatchjs.org/blog/), the navbar becomes visible only when scrolling upward, which is not ideal for user experience. On your main website, the navbar is sticky, and it would be better if it remains sticky here as well. However, if you wish to keep it this way, consider adding a "Scroll to Top" button to make accessing the navbar easier.
Screenshot 2024-12-21 123554

Second Feature: In your footer section, why have you used images instead of icons for social links? Using icons would look better and more consistent. This is optional, but it could enhance the design.
Screenshot 2024-12-21 124554

Third Feature: In the copyright section, why are you writing the year manually? This will require updating it every year. Instead, you can fetch the year dynamically using JavaScript to ensure it updates automatically every year.
Screenshot 2024-12-21 124554

Suggested solution

No response

Alternatives / Workarounds

No response

Additional Information

No response

@Thanush19
Copy link

Hey @kunalcoder45 , i can work on this , kindly assign it me.....

@kunalcoder45
Copy link
Author

Okay @Thanush19

@thecrusader25225
Copy link

i can work on this please assign this to me @kunalcoder45

@kunalcoder45
Copy link
Author

@thecrusader25225 Ok I can assign . .but what are your ideas about it . .

@kunalcoder45
Copy link
Author

`Dynamically featch year for copyright section.

In React -

const currentYear = new Date().getFullYear();

const year = () => {
return (


{currentYear}

)
}

export default year

In Java Script -

const currentYear = new Date().getFullYear();
console.log(currentYear); // Output: 2024 (or the current year)
`

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

No branches or pull requests

3 participants