Skip to content

Scroll-to-Top button is unstyled and misplaced #290

@Zunairah-k

Description

@Zunairah-k

Description

The Scroll-to-Top button does not appear as designed. Instead of a floating, circular, gradient-styled button, it shows up as a plain button placed incorrectly on the page.

Proposed Changes

  • Style the Scroll-to-Top button with:
    • Fixed positioning at the bottom-right corner of the viewport.
    • Circular shape with gradient background.
    • Floating animation and hover glow effects.
  • Ensure consistent sizing and alignment with the Scroll-to-Bottom button.
  • Verify responsiveness and cross-browser compatibility.

visual reference

IMG-20250903-WA0016.jpg

Benefits

  • Restores the intended design and visibility of the Scroll-to-Top button.
  • Improves navigation usability.
  • Enhances overall UI/UX consistency.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions