-
Hi Support Team
When someone adds their details and clicks ‘subscribe’ in the sidebar mailerlite sign up form (in the link sent privately below) a ‘thanks for subscribing, you’ll get a confirmation email shortly, please click on the link to confirm that you want to receive our newsletter’ message appears on the screen.
However, it appears at the place where the TOP of the (now vanished) subscription form was. On mobile (and, if you’ve scrolled down on a desktop too) this can be above the top of the screen so someone just sees a blank space. I’m sharing a Google Photos link to a screen shot in private area below which shows this happening.
I have had a similar issue with jump links/anchor tags in the past. Do you have any CSS that can work to help this situation for a ‘submit’ message like this?
Many thanks for your help with this, as always.
Liz
-
Hi there,
It looks like we need to submit the form to see the issue, but we don’t think it’s appropriate to submit a fake entry on the live site. Do you have a staging site where we can test this without making an actual submission?
-
I think even on the staging site I’ve got it hooked up to the subscriber database in mailerlite. You can delete/unsubscribe or simply not confirm your email if this is a problem?
-
The spacing below the form or the submission confirmation is the same.
Do you want to reduce it for both scenarios?
If so, follow steps below:
1. The container you inserted via a hook as 50px
margin-top, you can set that to 0 on mobile.
https://app.screencast.com/vzWaLFIsFrjdO2. The inner container of that section has 100px
padding-top, you can set it to 0 on mobile as well.
https://app.screencast.com/PMOc3FaPQrn713. We can also reduce the site content container bottom padding at customizer > layout > container. Or if you only want to remove the padding for pages that have the right sidebar, then use this CSS:
.right-sidebar div#content { padding-bottom: 0; }
- You must be logged in to reply to this topic.