akshitagupta15june / akshitagupta15june/PetMe

🪲[Bug]: Dark mode toggle and "Go to Top" button overlap on bottom-right corner

Open
#2,015 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
HTML
Stars
515
Forks
747
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
In the current layout, the dark mode toggle button and the "Go to Top" floating button overlap in the bottom-right corner. This causes both buttons to merge visually and makes it difficult for users to click them properly.

**To Reproduce**
Steps to reproduce the behavior:

1.Open the website PetMe
2.Scroll down to the bottom of the page.
3.Observe the bottom-right corner.
4.The dark mode toggle and "Go to Top" button overlap.

**Expected behavior**
Both buttons should have clear spacing between them.
Suggested fixes:
1.Add extra margin/padding so they don’t overlap.
2.Position the dark mode toggle on the navbar instead of floating.
3.Or move the "Go to Top" button slightly upward.

**Screenshots**
![Image](https://github.com/user-attachments/assets/d1f0cbca-3435-4d0a-b083-044a95b6142f)

**Desktop (please complete the following information):**
Browser: Firefox (Linux Ubuntu 22.04)
Resolution: 1365×768

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.