Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #999019

    Greetings,

    I added a horizontal newsletter signup on the Home page using a method that works but is probably not the most ideal way. I know there’s documentation showing how to make a horizontal form, I was totally lost when trying to understand it. While the signup looks fine on desktop, the form gets distorted on tablet and mobile. Could someone please take a look and help me correct this issue? I’m hoping the 3 form labels (Name, Email, and Button) can be stacked on mobile and/or horizontal/stacked on tablet.

    In addition, how can I remove the “required” symbol that displays after Email Address? I’ve disabled this in my MailChimp List/Form settings but it still displays.

    Please let me know if you need additional info.

    Thanks so much!

    #999096

    Hey eskitaco,
    I was able to login and address your issue, I added the following css to your Enfold Theme Options > General Styling > Quick CSS field
    which adjusts the form to stacked and centered for mobile & tablets, and then into one row for laptops and smaller desktop screens up to 1440px, at this size the form didn’t fit right so it moved the button to a second line. At full desktop it was fine so I didn’t change anything.

    @media only screen and (max-width: 1023px) { 
    .avia-builder-el-63 .avia_ajax_form .first_form,.avia-builder-el-63 .avia_ajax_form .first_form.av-last-visible-form-element {
        width: 100% !important; 
        margin-left: 0px !important; 
    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1440px) { 
    .avia-builder-el-63 .avia_ajax_form .first_form {
        width: 33% !important; 
        margin-left: 5px !important; 
    }
    .avia-builder-el-63 .avia_ajax_form .first_form.av-last-visible-form-element {
        width: 31% !important;
    }
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #999487

    Mike…

    Looks great on the different devices. Thanks so much for looking into this and fixing my wayward code. Great Support as always from the Enfold Team, which is one of the reasons why I keep coming back to this theme. Thanks again, Mike… the topic can be closed.

    – eskitaco

    #999546

    Hi,

    I’m glad you were able to have this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘MailChimp Newsletter Signup on Mobile’ is closed to new replies.