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

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

Ka19
Tourist
10 0 4

 

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

Reply 1 (1)

parth_ghelani
Shopify Partner
259 38 35

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.

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns