fix: smaller screen view and search for mobile views

[Revathyvenugopal162]

partially fix #683

• Adjust the width of the search bar to allign with nav bar
• Search is now working with smaller media

Note

Open the details to see images in different media

Details

media	images
phone
phone 2
tablet
laptop

More images

Ansys actions with this branch

Ansys actions docs before

[germa89]

I cant really comment on the code changes... I do not understand much of the code there...

But... I think we went a bit too agressive... Under 1200px

Where ideally, we should have or the navbar elements or the search bar, at least until the mentioned 960px.

Am I right? If you think make this to happen will take you time, I would merge this and figure out the rest in a follow up PR.

When the width is bigger than 1200px:

[Revathyvenugopal162]

I cant really comment on the code changes... I do not understand much of the code there...

But... I think we went a bit too agressive... Under 1200px

Where ideally, we should have or the navbar elements or the search bar, at least until the mentioned 960px.

Am I right? If you think make this to happen will take you time, I would merge this and figure out the rest in a follow up PR.

When the width is bigger than 1200px:

i doo agree with 1040Px, i think we can do the flexibility with the other PR #696