How can I remove the border and prevent page jump after newsletter submission?

Store Design
, ,
1

I would like the border around the success image of the newsletter in my footer to be gone. I also don’t want the page to jump to the top after submitting the email form. I have to scroll all the way down to the footer to see the success image which is kinda weird.

Here is my store url: layaandlu.myshopify.com

Thanks for any help!

2

Hey @kimkim79

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1705667363482.png
Moeed_0-1705667363482.png1544×501 35.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Thank you! worked great!

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

5

thanks! I also want the success message to be aligned with the logo and the form to the left. I tried to add some right-margin and right-padding to the code but after 80px or so, some of the text moves to the next line which I don’t want. Any thoughts?

6

Hey @kimkim79

Remove the previous code and add this final code in theme.liquid with the same steps above

RESULT:

Moeed_0-1705669551618.png
Moeed_0-1705669551618.png1564×530 33.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
7

worked like a charm! you are amazing, thanks!