Skip to main content

Center logo on mobile

add within styles brackets in advanced preferences before </head>

@media (max-width: 500px) {
  .amplify-header .container {
    flex-direction: column;
    align-items: center;
  }

  .amplify-header .container h1 img {
    width: 330px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
  }
}