Advise on the issue

[tasksolver]

I’m currently working on this issue Iprove Responsivenes for the Global Search bar on the main Menu bar · Issue #1249 · I-TECH-UW/OpenELIS-Global-2 · GitHub and below are the results so far, any advise?? @Moses_Mutesasira

[tasksolver]

the challenge I am facing is that when it gets below 465px, it displays the following

at 465px

below 465px

[Manish]

Hey @tasksolver in this what you can do is when the user is in mobile screen and if he clicks search icon make only openelis logo to appear, hide the title and adjust the grid size accordingly in the navbar . …and also we can replace the search button by just search icon …i guess in mobile screen there is no need for that!

[tasksolver]

thanks @Manish , lemme keep on fixing

[tasksolver]

looking for this search button, but have not found it yet, i believe it is defined by some class and place holder which im still looking for.

I am intending to hide the such button in blue above when it is on small screens.

[ELAI]

I-TECH-UW/OpenELIS-Global-2/blob/develop/frontend/src/components/layout/search/searchBar.css

In media put in the .main className and shifting its top position shall move from the header as the screen gets smaller

[tasksolver]

thanks @ELAI , this helped me figure out some solution.

it goes below the h5 at 1036px screen size. think it is solved @Moses_Mutesasira