[Bug] - The search bar in Hero section is overflowing.

[NilanchalaPanda]

Description

The search bar in hero section of the website is looking fine. But in mobile version the size of the search bar is not optimized and it overflows to the right of the website.

Steps to Reproduce

• Open on mobile to view the bug.

Screenshots -

Priority

High

Labels

bug, enhancement, UI/UX, GSSoC'24.

I would love to work on this issue and contribute to it as GSSoC'24 contributor. Looking forward to you reply.

[MAVRICK-1]

@NilanchalaPanda okay go ahead, but it will fixed after refreshing

[NilanchalaPanda]

Thanks for update @MAVRICK-1, the search bar hides upon refreshing as you said. But we can fix it to display, will work upon that.

[MAVRICK-1]

okay i am making it level 2, go ahead

[NilanchalaPanda]

Hey @MAVRICK-1, by any chance do you know where does the newsLetterBanner gets hidden in mobile view. Because I not able to get the css where it is getting hidden. I checked in responsive.css file and styles.css file (specifically for New Letter Banner)

[MAVRICK-1]

@NilanchalaPanda go to the clone repository and hit ctrl+shift+F and search the word Newsletter , you will get everything related to it

[NilanchalaPanda]

I did that before only, but my doubt was the NewsLetterBanner is not hidden anywhere in the file responsive.css, but then too it is not visible in mobile version.

[MAVRICK-1]

it's is working fine , i g your facing problem while rendering component

Recording.2024-05-11.011823.mp4

[Yashc885]

i would like to resolve this issue

[Hemu21]

@MAVRICK-1 if he doesn't solve it. can you please assign this to me