Website Lacks Responsiveness on Various Devices

[arshactually2]

The website does not respond properly when viewed on various devices, leading to a suboptimal user experience. Elements overlap, and some content becomes unreadable or inaccessible on smaller screens.

Expected Behavior The website should adapt to various screen sizes without any overlap of elements or hidden content. Navigation should be smooth, and all text and interactive elements should be easily accessible.

Actual Behavior Overlapping Elements: On screens smaller than 768px wide, the navigation bar overlaps with the website logo. Hidden Content: On mobile devices (screens smaller than 480px wide), the footer content is cut off and not scrollable, hiding contact information.

Steps to Reproduce

1. Open the website in a desktop browser.
2. Use developer tools to switch to responsive mode.
3. Resize the view to the following widths: 768px, 480px.
4. Observe the issues as described in the Actual Behavior section.

Additional Context These responsiveness issues may deter mobile users from effectively interacting with the website, potentially affecting user engagement and satisfaction.

[hudy9x]

@arshactually2 Appreciate that bro, thanks a lot If don't mind, could you please spend some free time to fix that bug Actually I know that issue but I don't have time to fix it

[yesbhautik]

Anyone working this? If yes, then how many days it will take?

[arshactually2]

Hi @yesbhautik, I started but got busy in other tasks, so if you would like to take over and finish this task then would be great!

[sskhan1]

@yesbhautik, or anyone still working on this issue? if No, I can work on this issue.

[hudy9x]

@sskhan1 Actually I've been in charged of this issue. Cuz it's hard for me to detail requirements for the landing page.