Skip to content

chore(templates): fix mobile menu auth buttons overflow in ecommerce … #15020

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Jeromestein wants to merge 1 commit into
base: main
Choose a base branch
from
Open

chore(templates): fix mobile menu auth buttons overflow in ecommerce … #15020

Jeromestein wants to merge 1 commit into from
+4 −4

Conversation

@Jeromestein
Copy link

@Jeromestein Jeromestein commented Dec 22, 2025

…template

What?

Fix mobile header sheet layout in the ecommerce template so the auth buttons no longer overflow the drawer on narrow screens.

Why?

The login/create-account buttons were rendered in a horizontal flex row while each button had w-full. In a narrow sheet (w-3/4 + padding), the row could not shrink both full‑width buttons, causing horizontal overflow and one button to appear outside the sheet.

How?

  • Updated the auth button container to use a column layout on small screens.
  • Keep the row layout from sm and up.
  • Use sm:flex-1 so both buttons share available width at larger sizes.
  • Adjusted the “or” label style to align with the new responsive layout.

Fixes #15019

Before

image

After

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant

@Jeromestein