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

Store Design
, ,
1

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?

IMG_4810.jpeg
IMG_4810.jpeg828×1690 25.7 KB

2

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%);
  }
}
  1. 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.