Submit button on mobile view is way too long…

  • Resolved mark5979

    (@mark5979)


    3 years, 10 months ago

    Hi,

    I added the form to a widget in the footer area of this website. Desktop view is fine however the mobile is not right. The submit button is almost the entire length of the screen, its longer than the email input field!

    How can I amend this please for the mobile view?

    Thanks ??

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @mark5979!

    Try adding the following CSS to your website to override some of the form’s default styling:

    @media all and (max-width: 530px) {
.yikes-mailchimp-container .label-inline.EMAIL-label {
padding-right: 0px;
}
}

    You can do this by going to Appearance > Customize > Additional CSS and pasting it there.

    If you have any other questions please let us know. Thanks!

    Thread Starter mark5979

    (@mark5979)

    Hi, thank you for the suggestion. This makes the email label the same length as the button. What I want to do is make the button about half the width it currently is. Do you know how I could do that?

    Thank you so much for your help,

    Mark

    Hello @mark5979!

    After checking your site, it looks like the button has been adjusted to a shorter width. Looks great! Was there anything else you needed help with?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Submit button on mobile view is way too long…’ is closed to new replies.