Hey @themacmaker,
Good question! Typically mobile rendering is dictated by the theme your site is using. If you change to a default theme like Storefront or Twenty Twenty-three, do you see the same behaviour?
Please back up before switching themes!
Hi Sean! I don’t have a staging site and worry what might break by switching themes, even briefly. I can’t afford to pull the site offline either. The theme I’m using is Astra Pro if that helps at all!
Hi @themacmaker,
I don’t have a staging site and worry what might break by switching themes, even briefly
I hear you, and it would be great to set up a staging site for troubleshooting and also to test out possible fixes. Your hosting company might offer a staging site as part of your package. Alternatively, you can use a free plugin like https://wordpress.org/plugins/wp-staging/.
Looking closely at the CSS while on mobile, I can see that the form’s width is set to 56% – https://d.pr/i/izOeW0.
We typically do not provide custom code support, but I’ll make an exception here as it’s relatively a quick one to add as a temporary solution as you find time to perform the test my colleague suggested above.
Please open the WP-Admin → Appearance → Customizer → Additional CSS and add this code at the bottom:
/* Increase MailPoet's form width on mobile*/
@media (max-width: 500px) {
#mailpoet_form_3{
width: 100%;
}
}
I hope this helps.
We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.
