Issue in responsiveness of navbar

[pooja2299]

Explain what you did (Required)

I reduced the screen size to check the mobile responsiveness of the webpage of feminist bible.

Expected behavior (Required)

Navbar should collapse when reduced to mobile screen and expand when its desktop view.

Describe the bug (Required)

When reduced to mobile view the navbar doesn't collapse and all the dropdown elements are visible. It collapses when clicked on the toggler icon. After this, if we return back to desktop size the navbar does not appear at all. Does it suppose to work like this? Need your feedback. If not then I would like to work on this.

To Reproduce (Required)

• Steps

1. Open the webpage
2. Inspect the webpage in chrome - ctrl + shift + 'I'

3. Click on the 'Toggle device toolbar' (second icon) in inspect menu.
4. You would observe that dropdown menu is directly visible in the mobile view

5. Now click on the toggle icon on the navbar (the navbar collapses).

6. Switch back to desktop view - click 'Toggle device toolbar'
7. The navbar elements does not appear.

[shashankmotruri]

@pooja2299 I think its a bug. please go ahead.

[pooja2299]

Ok. Thanks!

[gauravdas014]

@pooja2299 What's the progress?

[pooja2299]

Hi @gauravdas014 . I am not familiar with react js, so I was reading about it. Now I am working on the issue. My approach is to set the correct condition for navHidden so that it correctly shows navbar in both the screen.

[tanishq-arya]

@gauravdas014 Can I work on this along with @pooja2299 ?

[gauravdas014]

@tanishq-arya It's a very small issue. Please create some issue if you would like to work on.

[srishtij2000]

Can I work on this issue?