🐛 Bug Report: Frontend issues in mobile-view

[woataa]

👟 Reproduction steps

When https://www.appwrite.io/docs is opened in mobiles and tablets, the following issues are observed:

1. the navigation button and the social media icons (#6857) are not clear to understand in the light mode.
2. the carousal wrapper is at a higher z-index than the navigation-bar
3. the search button inside the nav-menu overlaps with the navigation-bar

👍 Expected behavior

It is expected that

1. the nav button and the social media buttons are in a darker color for the user to understand them easily (in the light mode of the app)
2. the navigation-bar is at a higher z-index than the carousal wrapper so that the logo and nav button on the navbar can be accessed even over the carousal wrapper.
3. the search button inside the nav-menu is positioned at the center of the div below the navigation-bar.

👎 Actual Behavior

But,

1. the nav button and the social media buttons are in a lighter color and the user will not be able to understand them easily (in the light mode of the app)
2. the carousal wrapper being at a higher z-index than the navigation-bar prevents a part of the logo (the left side) and nav button (the right side) of the navbar cannot be accessed.
3. the search button inside the nav-menu pops out of the div and overlaps with the navigation-bar.

🎲 Appwrite version

Appwrite Cloud

💻 Operating system

Something else

🧱 Your Environment

No response

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[btwshivam]

I want to work on it. Assign me!

[ddevilz]

I would like to work on this issue please assign.

[amyra98]

Can you please assign me this issue and also assign hacktoberfesrt label to this? @outlivo

[shivanshu814]

Can you please assign me this issue @outlivo

[Emmarie-Ahtunan]

I would like to work on this issue. Will you assign it to me @outlivo ?

[stnguyen90]

@outlivo, thanks for raising this issue! 🙏🏼 Could you please provide screenshots to help clarify the problems you're referring to?

[woataa]

Sure @stnguyen90! The first n third problems seem like they are solved already.
You can find the screenshot(s) for the second one here: