Plugin Contributor
Tracy Levesque
(@liljimmi)
🏳️🌈 YIKES, Inc. Co-Owner
Hi Lloyd,
Please give this code a try and let me know how it goes.
/* ipad portrait */
@media screen and (max-width: 768px) {
.yikes-easy-mc-form.yikes-mailchimp-form-inline .submit-button-inline-label {
float: none;
margin-top: 0;
width: 50%;
}
}
/* iPhone 6 Ginormous landscape */
@media screen and (max-width: 736px) {
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.FNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.LNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.EMAIL-label {
paddiing-right: 0;
width: 32%;
}
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.FNAME-label {
padding-left: 0;
}
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.LNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.EMAIL-label {
padding-left: 8px;
}
}
/* iPhone 6 Ginormous portrait */
@media screen and (max-width: 414px) {
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.FNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.LNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.EMAIL-label {
padding-left: 0;
width: 100%;
}
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.LNAME-label,
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.EMAIL-label {
margin-top: 0;
}
.yikes-easy-mc-form.yikes-mailchimp-form-inline .submit-button-inline-label {
margin-left: 0;
margin-top: 0;
width: 100%;
}
}
Thank you!
-Tracy
OMG thanks so much! worked perfectly! thanks so much
a related question that I also came across
i have set FNAME and LNAME as required fields but for some reason it is only picking up EMAIL as a required field and therefore, if a user does not enter F or Lname, i.e. just an email it sends.
really i want it so that ALL 3 are entered before a user can click subscribe successfully
thanks in advance!
( i will be sure to give feedback :))
Plugin Contributor
Tracy Levesque
(@liljimmi)
🏳️🌈 YIKES, Inc. Co-Owner
Hi Lloyd.
Yay, I’m glad the CSS worked for you.
Did you set those fields as required in the Form Builder?
https://yikesplugins.com/support/knowledge-base/editing-forms/
If you scroll down on that article to “Click on a field to expand it and view all of its options.” You’ll see all the options available for a field including “Field Required.”
Let me know if that helps.
Thank you!
-Tracy
hi,
as i mentioned “i have set FNAME and LNAME as required fields but for some reason it is only picking up EMAIL as a required field ”
i already did as you mentioned.
screen shot: 
running latest 4.7 wordpress and plugin updated
tried on iPhone 6 and safari for mac
thanks
Hi @lloydschroeder,
The input fields are set to required using an HTML attribute that is not supported in Safari. This means that in Safari, users will not be forced to enter a first name or last name. However, all other major browsers recognize this required attribute as it is quickly becoming a standard way of requiring fields.
We’re sorry that this doesn’t work on Safari.
Cheers,
Kevin.
i see okay, thanks very much!
Plugin Contributor
Tracy Levesque
(@liljimmi)
🏳️🌈 YIKES, Inc. Co-Owner
Hi Lloyd.
We’re looking into a Safari workaround for this.
Stay tuned!
-Tracy
