How to modify the position of the email banner in password page?

[Ka19]

This is how my Shopify password looks like . Can you please help me change the position of the email banner to the middle of the screen?

 

[parth_ghelani]

Hello @Ka19 

You only need to follow below steps to show email box in center for mobile devices.

1. Go to admin > Online store > edit code.

2. In code directory, find the file named "section-email-signup-banner.css" and open it.

3. copy below given css and paste it at the end of above mentioned file.

@media (max-width: 749px){
  .email-signup-banner {
     height: 100%;
  }
  .email-signup-banner .banner__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

4. Don't forget to save the file after making changes.

Hope this solution solves your issue.

If this solution helpful to you, then please mark this as solved and like the solution.