[I witnessParticipant]

Hi there, I seem to have a mailchimp form problem that I couldn’t find an answer for in this forum. I am very happy with my ”inline layout” of the form. It looks and works beautifully until it’s on mobile or scaled down. Then the form fields are skewed or compressed (see screenshots). Also the text of the button doesn’t fit. It’s a bit messy to say the least. In the attachment you can see what I mean.

Hope you can help or advise me, because for the life of me I can’t seem to figure out how to solve this problem. I think the best solution would be that fields slide beneath each other after a certain breakerpoint. Thanks in advance!

Kind regards,

Annemarie

[I witnessParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Please add this to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 767px ) {
.yikes-easy-mc-form label.label-inline {
				float: none !important;
				width: 100% !important;
				padding-right: 0px !important;
			 }
}

Hope this helps.

[I witnessParticipant]

Thank you so much Rad, that abosolutely did the trick! Excactly what I meant 🙂

Is there also a way to make the buttons text stay in frame? See screenshot?

Again thanks for the assistance, it has been a great help!

Best regards,

Annemarie

[RadModerator]

Hi there,

Ah, please change the above CSS to this

@media ( max-width: 767px ) {
.yikes-easy-mc-form label.label-inline {
				float: none !important;
				width: 100% !important;
				padding-right: 0px !important;
			 }
.yikes-easy-mc-form .submit-button-inline-label {
    width: 100% !important;
    float: none !important;
}

}

it’s actually just adding this within @media() {} block.

.yikes-easy-mc-form .submit-button-inline-label {
    width: 100% !important;
    float: none !important;
}

Thanks!

[I witnessParticipant]

YOU-ARE-AWESOME Rad!! It did the trick, my client will be happy! Thanks you for the great service you provide, it has been a great help! Keep up the good work and have a nice day 🙂

[RadModerator]

You’re so much welcome 🙂 Have a nice day!

[Author]

Posts