Centre-align newsletter popup on Prestige Theme

[CostaEffie]

Hello! Two things:

- Trying to centre align the pop up for newsletter on desktop, have searched community and found another solve but the CSS addition to our theme.css file doesn't work.

- Would like to add a sticky bar on the side of the page if someone closes the signup newsletter popup

Store is: www.greciancollective.com

[oscprofessional]

@CostaEffie 
Hello, I have checked your issue
Go to online Store > Edit Code > Assets > theme.css

@media screen and (min-width: 700px) {
  .newsletter-popup {
    width: 23.75rem;
    inset-inline-start: auto;
  }
}

Search this code and Replace CSS

@media screen and (min-width: 700px) {
  .newsletter-popup {
    width: 23.75rem;
    margin: 0 auto;
    top: 35%;
    height: 320px;
    bottom: 50%;
  }
}

[CostaEffie]

Hello, I have searched theme.css, theme.js, theme.liquid and none of them have the code you mentioned.

[oscprofessional]

@CostaEffie 

Please check and replace code

[INA_MSWEB · Accepted solution]

Hi @CostaEffie 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:
.newsletter-popup {left: 3%;}

Regards,

San

[CostaEffie]

Thanks San but that code change makes it pop up in the bottom left hand corner on desktop. We need it in the centre of the screen as well as centre-aligned please.

[michelleallpart]

Not sure if you already figured this out, but if not, you can try to set the margin to "0, auto" or if that doesn't work you can try:

margin-left: 50vw;