Issues with mobile view of forms

  • Resolved beantown123

    (@beantown123)


    4 years, 7 months ago

    Hi,
    I upgraded to the premium version on Monday, but haven’t heard back to my support tickets, so thought I would try here. I did experiment and found a temporary fix for this, but wanted to see how to avoid this issue in the future.

    Using your plugin, I had customized a form to put in the body of my site. When I viewed it on mobile, the email placeholder wasn’t becoming mobile-friendly, but instead extended to the right and got cutoff by the screen. Also the submit button and words on the submit button were not showing their full display and cutoff. I spent 3-4 hours learning the basics of the coding and found that the following css code was solving the issue:

    @media (max-width: 1000px) {
    .yikes-mailchimp-container{
    padding: 10px;
    }

    .yikes-easy-mc-submit-button.btn {
    width: 50%;
    }
    }

    Is there some option that I can choose to avoid having to use custom code? I thought this would be mobile-friendly from the start, so wanted to see if I am doing anything incorrectly. Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hello @beantown123,

    Unfortunately, a website can have any theme from the 1,000s of WordPress themes available and each of them has their own mobile styles for forms. That code can override or interfere with our code. We also can’t predict the side of the parent container our forms will be sitting in. Sometimes some custom CSS will need to be used when you are using a theme built by someone else.

    I’m sorry there is not an easy option to make it work exactly the way site owners prefer.

    Stay well.
    -Tracy

Viewing 1 replies (of 1 total)
  • The topic ‘Issues with mobile view of forms’ is closed to new replies.