Describe the bug
The floating AI chatbot button (bottom-right FAB) overlaps the GitHub, LinkedIn, and Instagram social icons in the footer, making them partially or fully inaccessible to users.
To Reproduce
- Go to https://devpath-website.web.app/
- Scroll down to the footer
- Observe the bottom-right corner — the AI chatbot FAB overlaps the social media icons
Expected behavior
The floating chatbot button should not overlap any footer elements. It should be repositioned (adjusted bottom/right offset or shifted left) so the GitHub, LinkedIn, and Instagram icons remain fully visible and clickable.
Screenshots
Desktop:
- OS: Windows 11
- Browser: Chrome
- Version: Latest
Smartphone:
N/A
Additional context
The fix likely involves adjusting the CSS bottom or right values of the chatbot FAB component, or adding sufficient margin-bottom to the footer social icons container to prevent collision with fixed/sticky floating elements.
Describe the bug
The floating AI chatbot button (bottom-right FAB) overlaps the GitHub, LinkedIn, and Instagram social icons in the footer, making them partially or fully inaccessible to users.
To Reproduce
Expected behavior
The floating chatbot button should not overlap any footer elements. It should be repositioned (adjusted
bottom/rightoffset or shifted left) so the GitHub, LinkedIn, and Instagram icons remain fully visible and clickable.Screenshots
Desktop:
Smartphone:
N/A
Additional context
The fix likely involves adjusting the CSS
bottomorrightvalues of the chatbot FAB component, or adding sufficientmargin-bottomto the footer social icons container to prevent collision with fixed/sticky floating elements.