Archived topic
Mailchimp form with checkboxes: skewed on iPhone 5s
5 replies · Started by Alex on May 6, 2017
Hi,
I'm stuck again with the Mailchimp form in my footer widget. It looks fine on Desktop and on many mobile screens (http://www.responsinator.com). However, when I use an actual iPhone 5s the checkboxes look like this in portrait mode:
https://www.pic-upload.de/view-33126058/IMG_20170506_203844.jpg.html
Basically I've tried everthing I was able to research on here and stackoverflow. But it still looks like this. Ideally, it would look like this:
https://www.pic-upload.de/view-33126070/Clipboard01.jpg.html
Anyone know a solution? My site is http://b3h59u.myraidbox.de/ (@ADMIN: please delete the link after your visit, thanks!)
Hi Alex,
This is definitely a bit tricky as it looks fine when I re-size the browser window.
Have you tried asking Mailchimp's support? The style/CSS is generated from the plugin so I think they would have better idea on how to fix this.
Let me know.
Hi Leo, thanks. Indeed, it looks fine on all the iPhone-simulators I've used and on my own Android phone. Do you know if it's an issue limited to iPhone 5s devices?
I can't say for sure but I don't think so. Here is what I see on my iPhone 6s:
https://s13.postimg.org/dj05uok9z/IMG_5482.png
It's weird that it works on Android though. I would definitely describe the problem to them with a couple screenshots and see what they say :)
Okay, I will ask them.
By the way: via simulating iOS devices I stumbled upon another weird issue: https://www.pic-upload.de/view-33126350/Clipboard01.jpg.html
Is the third column also wider on your iPhone 6 then the other two? Why might this be? Again, no issues on Android or the Elementor simulator.
Yup the columns have the same width.
