Form fields NOT centering on mobile view

  • Resolved tiffytiff

    (@tiffytiff)


    3 years, 10 months ago

    I’m using Elementor to edit a subscription form. It looks fine on a desktop but on the mobile view, the alignment is off causing the email field to be cut off. How do I format the margins or padding so it centered on a mobile screen? Here’s the link to the website –

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

Viewing 1 replies (of 1 total)

  • Hello @tiffytiff!

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

    @media all and (max-width: 750px) {
.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 desired, you should be able to add padding to the left and right of the form from within Elementor. If not, try adding this to the same place as above:

    #yikes-mailchimp-container-3 {
padding: 0px 20px;
}

    You can adjust the 20px (it will apply to both left and right) to whatever number you think looks best.

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

    • This reply was modified 3 years, 10 months ago by marascof.
Viewing 1 replies (of 1 total)
  • The topic ‘Form fields NOT centering on mobile view’ is closed to new replies.