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

[germa89]

@Revathyvenugopal162 do you need any input/help here?

[Revathyvenugopal162]

@germa89 we can merge this PR after we merge #674 , since there will be conflict with the js script

[jorgepiloto]

Awesome work, @Revathyvenugopal162. Everything working nice.

[Revathyvenugopal162]

Thank you for the review and suggestion @jorgepiloto and @germa89 . Merging