Header Display Issue on Mobile Devices

[Shiba-Tatsuya]

Title:
Header Display Issue on Mobile Devices

Description:
I noticed a problem with the header of the website when accessing it on mobile devices. The header elements are not displaying correctly, and it's impacting the overall user experience. The header shortens or contracts on mobile devices, causing some header elements to become truncated.

Screenshot:

Hacktoberfest 2023:
I would love to contribute to the resolution of this issue under Hacktoberfest 2023. If there are specific tasks or guidelines for contributors, please let me know, and I'll be happy to get involved.

[this-mkhy]

Hi @Shiba-Tatsuya
Thank you for sharing and you can start fix it. I assigned it to you.

[Shiba-Tatsuya]

Dear @this-mkhy ,

I regret to inform you that I'm unable to resolve the issue assigned to me due to system limitations. Please consider assigning it to another contributor who can handle it more effectively.

[JeevaRamanathan]

Hello @this-mkhy , I have fixed this and created a pull request...can you please check