Fix the Navbar in the GitHub Pages

[PragatiVerma18]

Describe the bug
A clear and concise description of what the bug is.
The GitHub pages website(https://vinitshahdeo.github.io/Water-Monitoring-System/) has some text overflow in the navbar header.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://vinitshahdeo.github.io/Water-Monitoring-System/'
2. See the header

Expected behavior
A clear and concise description of what you expected to happen.
There shouldn't be any text overflow in the header.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.
Try to add a logo as well in the header or any other creative suggestion for the header is most welcome.

[Adyasha8105]

Can I?

[PragatiVerma18]

@Adyasha8105 please work on it.

[Adyasha8105]

@PragatiVerma18 Where is the HTML file of this link???

[PragatiVerma18]

@Adyasha8105 please refer to the following links:

• https://www.youtube.com/watch?v=PKh-1cUVHcw
• https://guides.github.com/features/pages/
• https://www.youtube.com/watch?v=xmjXxJww9QU

YouTube

How to edit GitHub Pages

A walkthrough for editing GitHub Pages using two methods: - Directly through GitHub's repo listing. - Through the terminal/command-line. GitHub Pages are a f...

Getting Started with GitHub Pages · GitHub Guides

YouTube

Make Changes to Your Github Page Website

This video shows how to make changes to your Github page and then push the results onto the live site. The video before this covers how to get a site live on...

[silenteyesoncode]

I want to contribute into this
I can surely complete this task in a day

[aldrinjenson]

Hi, may I work on this please..

[PragatiVerma18]

@Adyasha8105 please refer your PR here, if made. Please do it before 31st May to make it count under GSSoC.

[kushal-khare-official]

Hi, can I work on this issue?

[nandikajain]

@kushal-khare-official
Please read the comment I dropped on the issue you pulled a request for.
We will be accepting PR's or assigning issues when Hacktoberfest starts, from October 1.

[ishanchawla1]

Hi @nandikajain
Can I pick this one?

[nandikajain]

Hi @nandikajain
Can I pick this one?

Yes!!

[ayushgaur03]

@nandikajain I would like to work on this issue....Please assign it to me

[nandikajain]

@ayushgaur03 Done!

[ayushgaur03]

@nandikajain I m new to GitHub so could u guide to locate the required files for this issue. I even watched the videos shared in the chat but still unable to find

[nandikajain]

Please go the the gh-pages branch, it contains the code for Github Pages.

[ayushgaur03]

@nandikajain I checked the code of that branch but it's different from the website given in the issue description. Please check.
I have shared a link to the screenshot of the website that I m seeing https://www.dropbox.com/s/k1dsxf6rc0ixbx6/Screenshot%202020-10-12%2000.07.03.png?dl=0

Dropbox

Screenshot 2020-10-12 00.07.03.png

Shared with Dropbox

[nandikajain]

See the Readme in gh-pages. That is what gets rendered

[nandikajain]

@ishanchawla1 Do you want to work on this issue?

[silenteyesoncode]

let me know if i can work here @nandikajain

[nandikajain]

@silenteyesoncode Sure!
Assigning :)

[silenteyesoncode]

hey @nandikajain @PragatiVerma18
can u explain what text overflow You are getting
Is it the right most part of it
Also on which branch should I work

[nandikajain]

@silenteyesoncode gh-pages

[silenteyesoncode]

Couldn't get the react code
are you sure about the gh-pages?

[nandikajain]

YES

[nandikajain]

There is no React code for gh-paghes

[ghost]

Sir I want to work on this project
If you assign me I can work on navigation bar

[suyash-patil]

@nandikajain I would like to work on this issue for SWoC. Could you please guide me where I can find the code and in which branch I need to merge the PR?

[nandikajain]

@nandikajain I would like to work on this issue for SWoC. Could you please guide me where I can find the code and in which branch I need to merge the PR?

See the Readme in gh-pages. That is what gets rendered
Also, please read the entire thread!

[Bug-007]

I can fix this issue it is very simple. Could you assing this issue to me ??

[nandikajain]

@Bug-007

I can fix this issue it is very simple. Could you assing this issue to me ??

Done!

[Bug-007]

how do I proceed?? fork the repo maybe ?? because I have to change only a single CSS property to fix it.

[Bug-007]

Okay, I got it.

[Bug-007]

Please check the gh-pages branch for yourself there is no code for github pages. @nandikajain I have included a screenshot as to what I see when I access the gh-pages branch.

[nandikajain]

Please check the gh-pages branch for yourself there is no code for github pages. @nandikajain I have included a screenshot as to what I see when I access the gh-pages branch.

The Readme gets rendered in the gh-pages.
For a better understanding, you can head out to the documentation of the template that is used for rendering the gh-pages

[AbhipsaGuru1012]

@nandikajain can I work on this issue?

[nandikajain]

@AbhipsaGuru1012 sure!