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, for some reason my text is not centered on iPhone 16 Max pro, I guess it has to do something with the screen size.
In the image you can see how it looks like on mobile screens
Can anyone help me center it on this kind of devices as well. It works fine with most mobiles

Pass: sasa

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