BUG: On scrolling the visibility of nav bar is bad

[siwamsingh]

Is there an existing issue for this?

• [X] I have searched the existing issues

What happened?

The visibility of the current nav bar is very bad

Comment if you are interested in working on this issue . Mention how you are going to fix this issue . Optional : If possible provide a example like a screenshot , short video or a figma design.

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a SWOC24 contributor
• [ ] I want to work on this issue

[siwamsingh]

[annu933]

@siwamsingh please assign me this issue please

[dakshsinghrathore]

@annu933 assigned, kindly drop a star on this repo HAPPY CODING !

[siwamsingh]

@annu933 can you tell how do you plan to improve the nav bar ?

[annu933]

@siwamsingh This is of my plan to improving navbar

1. layout of navbar divide into three col: 1. logo 2. about, services, blog 3. login and register buttons
2. to show active tab, use theme color to button or add underline below menus
3. change the background color-white and text-black to navbar on scroll
4. add hover effect by using theme color

Please let me know If any changes

[annu933]

@siwamsingh something like this for on scroll

[siwamsingh]

@annu933 nice design go forward with it 🙂 Make sure changes are in all pages

[annu933]

@siwamsingh sir please review my PR https://github.com/dakshsinghrathore/Brighter-Beginnings/pull/92

[dakshsinghrathore]

@annu933 add some spacing in between the nav items, also modules m1 and m2 have the former navbar, kindly look into it.

[annu933]

@dakshsinghrathore sir, maintained the spacing between nav items and added navbar in services page. I have an doubt Is this the same module where I have to add updated navbar and Do I have to add navbar in register page also.

[annu933]

@dakshsinghrathore sir Do I have to replace login and register button to user icon ?

[Shaba1406]

@dakshsinghrathore Please have a look