Prestige Theme: How do you center the newsletter popup

Solved
suarezdesign
New Member
5 0 0

Hello!

 

Can anyone help me center the newsletter popup for Prestige Theme?

 

Cheers!

0 Likes
suarezdesign
New Member
5 0 0

Anyone?

0 Likes
Denis_A
Shopify Partner
273 39 46

Hi @suarezdesign

What's your store URL?

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Denis_A
Shopify Partner
273 39 46

@suarezdesign 

Put this piece of code at the bottom of your theme.scss file

@media screen and (min-width: 641px) {
  .NewsletterPopup {
    right: 33% !important;
    bottom: 33% !important;
  }
}
Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
suarezdesign
New Member
5 0 0

Thanks for helping.

 

It's not quite centered. It's not centered on tablets and other laptop as well. Is there a way to make it center for all device?

 

Screen Shot 2020-04-27 at 4.27.50 AM.png

0 Likes
Denis_A
Shopify Partner
273 39 46

This is an accepted solution.

Use this code instead of the one that I've provided you with before

 .NewsletterPopup {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  max-height: 300px;
}

 

 

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
suarezdesign
New Member
5 0 0

Wait. I think it's fixed now. I put !important to all. Thank you so much!

0 Likes
Denis_A
Shopify Partner
273 39 46

It looks good on all devices, I've checked with Chrome and Safari

Screen Shot 2020-04-26 at 2.00.50 PM.png

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Naor
Explorer
131 1 13

@Denis_A i tried to do that but its not working for me.. using brooklyn theme , this is the link - https://1ec6rgvil62zdr9t-37071880332.shopifypreview.com

0 Likes