How to center the newsletter (pop-up form) - Code needed

How can I display the newsletter (pop-up) section in the center middle of the landing page.

I would also like to change maybe that its NOT stretched over the entire page from left to right but a little smaller box that pops up in th emiddle so its better visible.

www.cotiereofficial.com

  • Here is the solution for you @marcelp
  • Please follow these steps:

  • Then find the theme.min.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (min-width: 750px) {
#shopify-section-popup section {
    position: fixed !important;
    width: 500px !important;
    height: 200px !important;
    top: 50% !important;
    left: calc(50% - 250px) !important;
}
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.