banner text not aligned on large mobile devices

Topic summary

A banner text alignment issue occurs specifically on large mobile devices like the iPhone 16 Max Pro, while displaying correctly on most other mobile screens.

Problem identified:

  • The banner text appears left-aligned instead of centered on devices with larger screen sizes
  • A demo site (ed-gnicrep.moc.yfipohsym) with password “asas” was provided to illustrate the issue

Solution provided:

  • The CSS property justify-content is currently set to flex-start in the highlighted element
  • Changing this value to center should resolve the alignment problem

Status: The issue has been diagnosed with a clear fix suggested, awaiting implementation confirmation.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

Hi @Daniel19901 , in the highlighted element you have justify-content set to flex-start. Change it to “center” and this should be fixed.