Skip to content

[Bug]:Header navigation overlaps with "To Cloud" CTA on desktopΒ #78

Description

@theajthakur

πŸ› UI Issue

The header navigation overlaps with the "To Cloud" CTA on desktop, reducing visual clarity and making the top navigation appear cluttered.

Actual Behavior

The "Sponsor Us", "Community", and "To Cloud" elements appear visually crowded, making the header look misaligned.

Expected Behavior

  • Navigation items should have consistent spacing.
  • The "To Cloud" button should not overlap or appear too close to adjacent navigation items.
  • The header should maintain proper alignment across desktop screen sizes.

Steps to Reproduce

  1. Open the Coolify homepage.
  2. View the website on a desktop browser (e.g., Google Chrome).
  3. Look at the top navigation bar.
  4. Observe the spacing between "Sponsor Us", "Community", and the "To Cloud" button.
  5. Notice that the navigation items appear visually crowded/overlapping, making the header look cluttered.

Coolify Version

Latest

Are you using Coolify Cloud?

Yes (Coolify Cloud)

Operating System and Version (self-hosted)

Windows 11

Screenshots / Visuals

UI Issue Screenshot

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions