Agree to Terms Mailchimp text

Hi,

I have added the following CSS snippet regarding Mailchimp form, in order to work correctly with your theme (as SUBSCRIBE button doesn’t work without it):

.mc4wp-form p:last-child label {
	display: block;
}

However, for screen-widths between 619px and 1199px the text of “AGREE_TO_TERMS” input is not appeared correctly as you will see at my attached screenshots. How could I show it under the “SUBSCRIBE” email field for the above width range?

Thank you in advance!

Attachments:

You must be logged in to view attached files.

Hello,

I have added the below given custom CSS code in Theme Settings >> Custom CSS >> Custom CSS for Tablet and Mobile landscape Sections only:

.mc4wp-form>div>p {
    margin-left: 10px;
    margin-right: 0px;
}

After that your issue has been solved.

You can check the site now after removing the browser cache or check the site here in the Responsinator: https://www.responsinator.com/?url=https%3A%2F%2Fwww.giftsontop.gr%2Farxiki%2F

Best Regards.

I just saw that the was fixed indeed but not for screen widths between 1025px and 1199px. Please check my attached screenshots to verify it.

Attachments:

You must be logged in to view attached files.

Hello,

Your problem is resolved. I used the below CSS code in Theme Settings >> Custom CSS >> Custom CSS for Desktop.

.mc4wp-form>div>p {
    margin-left: 20px;
    margin-right: 0px;
}

Screenshot for clarification: https://jmp.sh/FI9V9Id

Best Regards.

Hi,

Your last CSS snippet broke the desired appearance of SUBSCRIBE button for Desktop. Please check my attached two screenshots to better view the issue.

Attachments:

You must be logged in to view attached files.

Hello,

Your problem is resolved. I used the below CSS code in Theme Settings >> Custom CSS >> Global Custom CSS:

@media only screen and (max-width: 1199px) and (min-width: 1025px){
.mc4wp-form>div>p {
    margin-left: 10px;
    margin-right: 0px;
}
}

Result: https://jmp.sh/gdWIfwQ
Result in more than 1025px screen size and less than 1199px : https://jmp.sh/CdqScNz

Best Regards.

Please check my new attached screenshots. I noticed that for screen widths >577 px and <1199px, the “SUBSCRIBE” button is not appeared as on desktop appearance. Isn’t it possible to have the “Agree to terms” text below the “SUBSCRIBE” button (and not on the right side of it) at the above width range (like it is appeared on width>1199px)? Currently it is appeared like I have two fields (first for email address text and second for subscribe button) and and I would like to have it as only one field at all.

Attachments:

You must be logged in to view attached files.

Hello

As per your request I used the below CSS code to display “SUBSCRIBE” button on screen widths > 577 px and < 1199px as like desktop. @media only screen and (max-width: 1199px) and (min-width: 577px){
.mc4wp-form>div>p:nth-child(2) {
margin-left:-25px;
}
}

Result: https://jmp.sh/P5O35Fj

Sorry but if we display “Agree to terms” text below the “SUBSCRIBE” button on screen width less than 1199px then it disturbs the other spacing and margins.

Best Regards.

Thank you very much, now it is much better.

Hello,

We are thrilled that you loved your experience with XTEMOS, We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts