The Navbar is not responsive when resizing the browser window.

[mayura-andrew]

Describe the bug
The Navbar is not responsive when resizing the browser window. The Navbar does not adapt to the changing window size.

To Reproduce Steps to reproduce the behavior:

1. Open the website in a web browser.
2. Resize the browser window.
3. Observe the Navbar.

Expected behavior
The Navbar should be responsive and adapt to the size of the browser window. As the window size decreases, the Navbar should collapse into a hamburger menu or similar.

Screenshots If applicable, add screenshots to help explain your problem.
Screencast_20240114_130504-1.webm

Desktop (please complete the following information):

OS: Fedora Linux 39 (KDE Plasma) x86_64
Browser: Mozilla Firefox
Version: 121.0

Additional context The issue occurs when resizing the browser window on a desktop.

[mayura-andrew]

Screencast_20240114_130504-1.webm

here the issue

[vishwaikon]

Hi, Can I please work on this issue ?

[dilankavishka]

Hi @anjula-sack @mayura-andrew Can i work on this issue please?

[mayura-andrew]

Hi @vishwaikon go head
hey @dilankavishka can you work on another issue. Thank you:)

[kavinda-100]

2024-01-22-13-25-07.mp4

refactor existing css with tailwindcss utility class.

[mayura-andrew]

@vishwaikon hey any updates ?

[mayura-andrew]

2024-01-22-13-25-07.mp4
refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

[vishwaikon]

@mayura-andrew Hi, I figured out an issue the nav icon has with mobile devices where the icon gets positioned in the centre and fixed it. But yet couldn't fix the issue with the navbar on large screens. I'll try to learn and figure it out and will update the progress. Good job @kavinda-100 !. Regards!

[anjula-sack]

Hi @vishwaikon, Shall we merge the @kavinda-100's update since it's already done? You can work on another issue. @mayura-andrew Will you be able to find another issue for @vishwaikon?

[kavinda-100]

2024-01-22-13-25-07.mp4
refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

ok!. I will create new branch for keep these changes

[mayura-andrew]

@anjula-sack Yeah, sure. I will find an issue for @vishwaikon and assign it if he's interested!

[mayura-andrew]

@vishwaikon hey ! sef-global/scholarx-backend#94 would you able to work on this issue?

[vishwaikon]

@mayura-andrew , I'll work on it.

[mayura-andrew]

@vishwaikon nice 👍 go head

[anjula-sack]

@mayura-andrew Is this issue still valid?

[mayura-andrew]

scholarxresponsive-2024-07-22_02.41.59.mp4

This needs to be fixed, right? @anjula-sack

[YashmithaDilshan27]

@mayura-andrew Is that issue still open, or has it been resolved?